Flutter社交账号授权登录插件fiction_social_auth的使用

概述

Fiction Social Auth 是一个由 Fiction Developers 开发的社交账号认证助手。更多详细信息，请访问 fictiondevelopers.com/auth-system。

我们知道，在开发 Flutter 应用时，管理社交账号登录是一件繁琐的事情。你必须在开发者账户上设置很多凭证，之后几乎不可能将这些凭证转移到客户的账户或记住配置了哪个项目/账户。因此，我们推荐你使用这个包来简化你的工作，只需不到五分钟即可完成！

注意: 我们不会保存用户的任何数据，所有数据都会发送到你的应用并从我们的会话中立即清除，所以你不必担心隐私问题。

功能检查表

• [✅] Google (已实现)
• ❌ Facebook (开发中)
• ❌ Apple (计划中)
• [✅] GitHub (已实现) - 几乎实现了，但有时用户名会生成显示名和邮箱
• [✅] LinkedIn (已实现) - 请注意“id”，我返回它，但不确定是否正确
• ❌ Twitter (计划中)
• ❌ 其他 (计划中)

安装

1. 在 pubspec.yaml 文件中添加此包的最新版本（然后运行 dart pub get）:

dependencies:
  fiction_social_auth: ^0.0.1

1. 导入包：

import 'package:fiction_social_auth/fiction_social_auth.dart';

Android 配置

在 AndroidManifest.xml 中添加以下内容：

<application>
    <!-- 其他配置 -->
    <activity
        android:name="com.linusu.flutter_web_auth_2.CallbackActivity"
        android:exported="true">
        <intent-filter android:label="flutter_web_auth_2">
            <action android:name="android.intent.action.VIEW" />
            <category android:name="android.intent.category.DEFAULT" />
            <category android:name="android.intent.category.BROWSABLE" />
            <data android:scheme="social-auth-scheme" />
        </intent-filter>
    </activity>
</application>

示例代码

以下是一个完整的示例代码，展示了如何使用 fiction_social_auth 插件进行社交账号授权登录。

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

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text("Fiction Social Auth")),
        body: SizedBox(
          width: MediaQuery.of(context).size.width,
          child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                ElevatedButton(
                  onPressed: () async {
                    // 创建 FictionSocialAuth 实例
                    FictionSocialAuth socialAuth = FictionSocialAuth();
                    // 使用 Google 进行授权登录
                    UserData? user = await socialAuth.socialAuth(AuthType.google);
                    // 打印用户数据
                    print("UserData: ${user?.toJson()}");
                  },
                  child: Text("Google"),
                ),
                const SizedBox(
                  height: 10,
                ),
                ElevatedButton(
                  onPressed: () async {
                    // 创建 FictionSocialAuth 实例
                    FictionSocialAuth socialAuth = FictionSocialAuth();
                    // 使用 GitHub 进行授权登录
                    UserData? user = await socialAuth.socialAuth(AuthType.github);
                    // 打印用户数据
                    print("UserData: ${user?.toJson()}");
                  },
                  child: Text("GitHub"),
                ),
                const SizedBox(
                  height: 10,
                ),
                ElevatedButton(
                  onPressed: () async {
                    // 创建 FictionSocialAuth 实例
                    FictionSocialAuth socialAuth = FictionSocialAuth();
                    // 使用 LinkedIn 进行授权登录
                    UserData? user = await socialAuth.socialAuth(AuthType.linkedin);
                    // 打印用户数据
                    print("UserData: ${user?.toJson()}");
                  },
                  child: Text("LinkedIn"),
                ),
              ]),
        ),
      ),
    );
  }
}