djangoflow_auth_facebook 是一个用于在 Flutter 应用中实现 Facebook 授权登录的插件。它基于 flutter_facebook_auth 插件，并提供了与 Django 后端无缝集成的功能。以下是如何在 Flutter 项目中使用 djangoflow_auth_facebook 插件的步骤：

1. 添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  djangoflow_auth_facebook: ^latest_version
  flutter_facebook_auth: ^latest_version

然后运行 flutter pub get 来获取依赖包。

2. 配置 Facebook 开发者平台

在 Facebook 开发者平台 上创建一个应用，并获取 App ID 和 App Secret。确保你已经为 Android 和 iOS 平台配置了正确的包名和签名密钥。

Android 配置

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

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

然后在 android/app/src/main/res/values/strings.xml 文件中添加：

<string name="facebook_app_id">YOUR_FACEBOOK_APP_ID</string>

iOS 配置

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

<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>fbYOUR_FACEBOOK_APP_ID</string>
        </array>
    </dict>
</array>
<key>FacebookAppID</key>
<string>YOUR_FACEBOOK_APP_ID</string>
<key>FacebookDisplayName</key>
<string>YOUR_APP_NAME</string>
<key>LSApplicationQueriesSchemes</key>
<array>
    <string>fbapi</string>
    <string>fb-messenger-share-api</string>
    <string>fbauth2</string>
    <string>fbshareextension</string>
</array>

3. 初始化插件

在你的 Flutter 应用启动时初始化 flutter_facebook_auth 插件。通常在 main.dart 文件中进行初始化：

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await FacebookAuth.instance.logOut(); // 确保用户登出
  runApp(MyApp());
}

4. 使用 djangoflow_auth_facebook 登录

在你的登录页面中，使用 djangoflow_auth_facebook 插件来处理 Facebook 登录。以下是一个简单的示例：

import 'package:flutter/material.dart';
import 'package:djangoflow_auth_facebook/djangoflow_auth_facebook.dart';
import 'package:flutter_facebook_auth/flutter_facebook_auth.dart';

class LoginPage extends StatelessWidget {
  final FacebookAuth _facebookAuth = FacebookAuth.instance;

  Future<void> _loginWithFacebook() async {
    try {
      final LoginResult result = await _facebookAuth.login();
      if (result.status == LoginStatus.success) {
        final AccessToken accessToken = result.accessToken!;
        final String token = accessToken.token;

        // 使用 djangoflow_auth_facebook 插件将 token 发送到 Django 后端进行验证
        final response = await DjangoflowAuthFacebook.loginWithFacebook(token);

        if (response.isSuccess) {
          // 登录成功，处理用户数据
          final user = response.data;
          print('User: $user');
        } else {
          // 登录失败，处理错误
          print('Error: ${response.error}');
        }
      } else {
        // 用户取消登录或登录失败
        print('Login cancelled or failed');
      }
    } catch (e) {
      print('Error: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Facebook Login'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: _loginWithFacebook,
          child: Text('Login with Facebook'),
        ),
      ),
    );
  }
}

5. 处理 Django 后端集成

在 Django 后端，你需要处理 Facebook 登录的验证和用户数据的存储。通常，你需要：

1. 接收来自 Flutter 应用的 Facebook access_token。
2. 使用 Facebook Graph API 验证 access_token 并获取用户信息。
3. 根据用户信息创建或更新用户账户。
4. 返回用户信息或 JWT token 给 Flutter 应用。

6. 处理登出

你可以使用 flutter_facebook_auth 插件的 logOut 方法来处理用户登出：

Future<void> _logout() async {
  await _facebookAuth.logOut();
  // 清除用户 session 或 token
}