Flutter GitHub登录插件github_sign_in_plus的使用

Flutter GitHub登录插件github_sign_in_plus的使用

在本教程中，我们将学习如何在Flutter应用中使用github_sign_in_plus插件来实现GitHub登录功能。该插件可以帮助我们轻松地集成GitHub登录到我们的应用中。

开始

首先，在你的pubspec.yaml文件中添加github_sign_in_plus依赖项：

dependencies:
  github_sign_in_plus: ^0.0.1

然后执行flutter pub get以安装依赖项。

使用github_sign_in_plus插件

接下来，我们将创建一个简单的Flutter应用来演示如何使用github_sign_in_plus插件进行GitHub登录。

示例代码

以下是完整的示例代码：

import 'package:flutter/material.dart';
import 'package:github_sign_in_plus/github_sign_in_plus.dart';

void main() {
  runApp(MaterialApp(
    home: MyApp(),
  ));
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final GitHubSignIn gitHubSignIn = GitHubSignIn(
    clientId: 'abd975f97f953c6e1843',
    clientSecret: '709fb6441354c8d148248ae2cab0673b4ce7f1d5',
    redirectUrl: 'https://l2t-flutter.firebaseapp.com/__/auth/handler',
    title: 'GitHub Connection',
    centerTitle: false,
  );

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  // 执行GitHub登录
  void _gitHubSignIn(BuildContext context) async {
    var result = await gitHubSignIn.signIn(context);
    switch (result.status) {
      case GitHubSignInResultStatus.ok:
        print(result.token); // 打印获取到的token
        break;

      case GitHubSignInResultStatus.cancelled:
      case GitHubSignInResultStatus.failed:
        print(result.errorMessage); // 打印错误信息
        break;
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("GitHub Plus 示例"),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            _gitHubSignIn(context);
          },
          child: const Text("GitHub 连接"),
        ),
      ),
    );
  }
}

解释

1. 导入必要的包：

   import 'package:flutter/material.dart';
   import 'package:github_sign_in_plus/github_sign_in_plus.dart';
   

2. 定义main函数：

   void main() {
     runApp(MaterialApp(
       home: MyApp(),
     ));
   }
   

3. 创建MyApp类：

   class MyApp extends StatefulWidget {
     const MyApp({super.key});
   
     [@override](/user/override)
     State<MyApp> createState() => _MyAppState();
   }
   

4. 初始化_MyAppState状态：

   class _MyAppState extends State<MyApp> {
     final GitHubSignIn gitHubSignIn = GitHubSignIn(
       clientId: 'abd975f97f953c6e1843',
       clientSecret: '709fb6441354c8d148248ae2cab0673b4ce7f1d5',
       redirectUrl: 'https://l2t-flutter.firebaseapp.com/__/auth/handler',
       title: 'GitHub Connection',
       centerTitle: false,
     );
   

5. 定义_gitHubSignIn方法：

   void _gitHubSignIn(BuildContext context) async {
     var result = await gitHubSignIn.signIn(context);
     switch (result.status) {
       case GitHubSignInResultStatus.ok:
         print(result.token); // 打印获取到的token
         break;
   
       case GitHubSignInResultStatus.cancelled:
       case GitHubSignInResultStatus.failed:
         print(result.errorMessage); // 打印错误信息
         break;
     }
   }
   

6. 构建应用界面：

   [@override](/user/override)
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
         title: const Text("GitHub Plus 示例"),
       ),
       body: Center(
         child: ElevatedButton(
           onPressed: () {
             _gitHubSignIn(context);
           },
           child: const Text("GitHub 连接"),
         ),
       ),
     );
   }