Flutter外部登录接口插件external_login_interface的使用

external_login_interface 是一个用于 Flutter 的外部登录接口插件，它可以帮助你快速集成多种第三方登录功能（如 Google、Facebook、Apple 等）。以下是如何使用该插件的基本步骤：

1. 添加依赖

在 pubspec.yaml 文件中添加 external_login_interface 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  external_login_interface: ^1.0.0 # 使用最新版本

运行 flutter pub get 以安装依赖。

2. 配置平台

根据你要集成的登录平台，配置相应的平台设置。例如：

Google 登录

• 在 android/app/src/main/AndroidManifest.xml 中添加以下内容：

  <meta-data
      android:name="com.google.android.gms.version"
      android:value="@integer/google_play_services_version" />
  

• 在 ios/Runner/Info.plist 中添加以下内容：

  <key>CFBundleURLTypes</key>
  <array>
      <dict>
          <key>CFBundleTypeRole</key>
          <string>Editor</string>
          <key>CFBundleURLSchemes</key>
          <array>
              <string>YOUR_REVERSED_CLIENT_ID</string>
          </array>
      </dict>
  </array>
  

Facebook 登录

• 在 android/app/src/main/AndroidManifest.xml 中添加以下内容：

  <meta-data
      android:name="com.facebook.sdk.ApplicationId"
      android:value="@string/facebook_app_id" />
  

• 在 ios/Runner/Info.plist 中添加以下内容：

  <key>CFBundleURLTypes</key>
  <array>
      <dict>
          <key>CFBundleURLSchemes</key>
          <array>
              <string>fbYOUR_APP_ID</string>
          </array>
      </dict>
  </array>
  

3. 初始化插件

在你的 Flutter 应用中初始化 external_login_interface 插件：

import 'package:external_login_interface/external_login_interface.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await ExternalLoginInterface.initialize(
    googleClientId: 'YOUR_GOOGLE_CLIENT_ID',
    facebookAppId: 'YOUR_FACEBOOK_APP_ID',
    appleClientId: 'YOUR_APPLE_CLIENT_ID',
  );
  runApp(MyApp());
}

4. 实现登录功能

使用插件提供的 API 实现登录功能。例如：

import 'package:external_login_interface/external_login_interface.dart';

class LoginScreen extends StatelessWidget {
  Future<void> _loginWithGoogle() async {
    try {
      final user = await ExternalLoginInterface.loginWithGoogle();
      print('Google User: ${user.displayName}');
    } catch (e) {
      print('Google Login Error: $e');
    }
  }

  Future<void> _loginWithFacebook() async {
    try {
      final user = await ExternalLoginInterface.loginWithFacebook();
      print('Facebook User: ${user.displayName}');
    } catch (e) {
      print('Facebook Login Error: $e');
    }
  }

  Future<void> _loginWithApple() async {
    try {
      final user = await ExternalLoginInterface.loginWithApple();
      print('Apple User: ${user.displayName}');
    } catch (e) {
      print('Apple Login Error: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _loginWithGoogle,
              child: Text('Login with Google'),
            ),
            ElevatedButton(
              onPressed: _loginWithFacebook,
              child: Text('Login with Facebook'),
            ),
            ElevatedButton(
              onPressed: _loginWithApple,
              child: Text('Login with Apple'),
            ),
          ],
        ),
      ),
    );
  }
}

5. 处理用户信息

登录成功后，插件会返回一个 User 对象，包含用户的基本信息（如 displayName、email、photoUrl 等）。你可以根据需求处理这些信息。

6. 处理登出

如果需要登出，可以调用插件的 logout 方法：

await ExternalLoginInterface.logout();