facebook-graph-api - 在没有 Firebase 的 Flutter 应用中添加 Facebook 和 Google 身份验证

Question

我正在开发 Flutter 应用程序，需要在我们的应用程序登录页面中包含 Facebook 和 Google 登录选项。我没有使用 Firebase 并使用 MySQL 数据库来存储和检索用户数据。

我正在寻找在没有 Firebase 的 Flutter 应用程序中添加 FB 和 Google 身份验证。我无法为此找到任何文章。到处都在使用 Firebase。

遵循教程后，我已在 FB 开发人员控制台中注册了我的应用程序，但我不确定将在那里的“OAuth 重定向 URL”字段中放入什么内容。

目前，我使用 xampp 服务器和 nodeJS 进行服务器端处理。下面是我在单击按钮时调用的代码。我正在使用 Facebook 身份验证插件(请告诉我此插件是否专门用于 Firebase)。

void initiateFacebookLogin() async {
    var facebookLogin = FacebookLogin();
    facebookLogin.loginBehavior = FacebookLoginBehavior.webViewOnly;
    print("Inside fb login");
    var facebookLoginResult = await facebookLogin
        .logInWithReadPermissions(['email', 'public_profile']);
    switch (facebookLoginResult.status) {
      case FacebookLoginStatus.error:
        print("Error");
        onLoginStatusChanged(false);
        break;
      case FacebookLoginStatus.cancelledByUser:
        print("CancelledByUser");
        onLoginStatusChanged(false);
        break;
      case FacebookLoginStatus.loggedIn:
        print("LoggedIn");

        var graphResponse = await http.get(
            'https://graph.facebook.com/v2.12/me?fields=name,first_name,last_name,email,picture.height(200)&access_token=${facebookLoginResult.accessToken.token}');

        var profile = json.decode(graphResponse.body);
        print(profile.toString());

        onLoginStatusChanged(true, profileData: profile);
        break;
    }
  }

任何帮助或文章都受到高度赞赏。

问候，
RSM

Answer 1

正如评论中提到的，Facebook 和 Google Sign in 都可以在没有 Firebase 的情况下工作。有一个 Flutter google_sign_in 包的示例代码，你可以试试 here .