Flutter谷歌登录简化插件lazy_sign_in_google的使用

google_sign_in 封装在 lazy_sign_in 接口中。

功能特性

安装

flutter pub add lazy_sign_in_google

使用方法

网页/应用

对于网页，提供Google OAuth Web Application客户端ID。

对于独立应用，提供Google OAuth Chrome Application客户端ID。

import 'package:lazy_sign_in_google/lazy_sign_in_google.dart' as lazy;
const String clientId = '你的Google Chrome/Web应用客户端ID';
final lazy.SignInBase globalLazySignIn = lazy.SignInGoogle(clientId: clientId);

统一接口/API

Widget buttonSignIn = TextButton(
  onPressed: () => globalLazySignIn.signIn(),
  child: const Text('Sign-In'),
);

Widget buttonSignOut = TextButton(
  onPressed: () => globalLazySignIn.signOut(),
  child: const Text('Sign-Out'),
);

Chrome/Firefox扩展

请参阅 lazy_sign_in_extension

示例

示例文件夹

完整仓库

https://github.com/J-Siu/flutter_lazy/example/lazy_sign_in_example/

你将需要根据实际情况提供自己的clientId。

示例代码

import 'package:flutter/material.dart';

// 这里只是一个占位符
import 'package:lazy_sign_in/lazy_sign_in.dart' as lazy;

final lazy.SignIn globalLazySignIn = lazy.SignInDummy(clientId: clientId);

// // 解除注释以使用Chrome/Firefox扩展
// import 'package:lazy_sign_in_extension/lazy_sign_in_extension.dart' as lazy;
// final lazy.SignIn globalLazySignIn = lazy.SignInExt(clientId: clientId);

// // 解除注释以用于Web/应用
// import 'package:lazy_sign_in_google/lazy_sign_in_google.dart' as lazy;
// final lazy.SignIn globalLazySignIn = lazy.SignInGoogle(clientId: clientId);

/// - Chrome扩展
///   - 使用Google OAuth **Chrome Application**客户端ID。
///   - 更新OAuth凭证应用程序ID与扩展ID
/// - Firefox扩展
///   - 使用Google OAuth **Web Application**客户端ID。
///   - 更新OAuth凭证授权重定向URI
///     可通过[redirectUrl]获得
/// - Web
///   - 使用Google OAuth **Web Application**客户端ID。
///   - 更新OAuth凭证授权JavaScript源
/// - 独立应用
///   - 使用Google OAuth **Chrome Application**客户端ID。
///   - 更新OAuth凭证应用程序ID
const String clientId = '你的Google OAuth客户端ID';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  final String title = 'LazySignIn 示例';
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: title,
      home: MyHomePage(title: title),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _photoUrl = '';

  [@override](/user/override)
  void initState() {
    super.initState();
    globalLazySignIn.isSignedIn.addListener(() => _signInHandler());
  }

  [@override](/user/override)
  void dispose() {
    globalLazySignIn.isSignedIn.removeListener(() => _signInHandler());
    super.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    Widget avatar() {
      if (_photoUrl.isNotEmpty) {
        return SizedBox(
          height: 60,
          width: 60,
          child: Image.network(_photoUrl),
        );
      } else {
        return const SizedBox();
      }
    }

    Widget buttonSignIn = TextButton(
      onPressed: () => globalLazySignIn.signIn(),
      child: const Text('Sign-In'),
    );
    Widget buttonSignOut = TextButton(
      onPressed: () => globalLazySignIn.signOut(),
      child: const Text('Sign-Out'),
    );

    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            buttonSignIn,
            buttonSignOut,
            avatar(),
          ],
        ),
      ),
    );
  }

  // 当令牌发生变化时触发此方法
  _signInHandler() {
    setState(() {
      _photoUrl = globalLazySignIn.photoUrl;
    });
  }
}