Flutter线程登录验证插件thread_signin的使用

Flutter线程登录验证插件thread_signin的使用

thread_signin包

使用Thread API获取AccessToken。

开始使用

首先，在pubspec.yaml文件中添加依赖：

dependencies:
  thread_signin: ^1.0.0+2

或者使用命令行安装：

$ flutter pub add thread_signin

如何使用

以下是一个完整的示例，展示了如何使用thread_signin插件进行登录验证：

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

import 'package:flutter/services.dart';
import 'package:thread_signin/thread_signin.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Thread Signin Sample',
      theme: ThemeData(
        colorScheme: const ColorScheme(
          brightness: Brightness.light,
          primary: Colors.black, // 主颜色
          onPrimary: Colors.white, // 主颜色上的文本颜色
          secondary: Colors.grey, // 辅助颜色
          onSecondary: Colors.white, // 辅助颜色上的文本颜色
          error: Colors.red, // 错误颜色
          onError: Colors.white, // 错误颜色上的文本颜色
          background: Colors.white, // 背景颜色
          onBackground: Colors.black, // 背景颜色上的文本颜色
          surface: Colors.white, // 表面颜色
          onSurface: Colors.black, // 表面颜色上的文本颜色
        ),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Thread Signin Sample'),
    );
  }
}

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

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  String? accessToken;

  void _handleThreadSignIn(BuildContext context) async {
    var clientId = "YOUR_CLIENT_ID";
    var clientSecret = "YOUR_CLIENT_SECRET";
    var redirectUrl = "YOUR_REDIRECT_URL";
    var scopes = "YOUR_SCOPES";

    var params = ThreadSignInParams(
        clientId: clientId,
        clientSecret: clientSecret,
        redirectUrl: redirectUrl,
        scopes: scopes
    );

    Navigator.of(context).push(MaterialPageRoute(builder: (builder) {
      return ThreadSigninScreen(
        params: params,
        title: '',
        headerColor: Colors.black,
      );
    })).then((value) {
      _checkSignInStatus(value);
    });
  }

  void _checkSignInStatus(ThreadSignInResponse value) {
    if (value != null) {
      final response = value as ThreadSignInResponse;
      if (response.status == SignInStatus.success) {
        print(response.accessToken);
        setState(() {
          accessToken = response.accessToken;
        });
      } else {
        print(response);
      }
    }
  }

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text(
              '你的访问令牌是:',
            ),
            Text(
              '$accessToken',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () async {
                try {
                  _handleThreadSignIn(context);
                } catch (e) {
                  print(e);
                }
              },
              child: Text('Thread Sign in'),
            ),
          ],
        ),
      ),
    );
  }
}