尝试在 Firebase Auth 列表中添加 FB 用户时出现“错误：无效的 IdP 响应/凭据”

Question

我一直致力于在基于 Expo 的应用程序中实现 Facebook 和 Google 登录方法。

将 Firebase 与我的应用程序连接后，我希望用户列在 Firebase 用户中。 虽然谷歌登录似乎工作正常，但 Facebook 给出了如下来自firebase.auth().signInWithCredential(credential) ：

[Error: Invalid IdP response/credential: http://localhost?id_token=EAAGUBzIZAgb0BABAkdrj5NcUcvljcsLeNBQlV5VUZAZC7M8e7sSRg2MkqlFCuD7tKjin4uZBep5gSs20oAo8fXKiUqq2deEbUl6HoaAUskTda7x49VCqqcbYh1W3566fMZBtRFB5S3fRV7D41AGVGPMAck91l1KiFCzQzCGtSf5g6ZBKoyHw03LOVONcOiwVZB4vXVcGPYmIzL3RuzzztdBNLRql5ndSk0ZD&providerId=facebook.com] 

这是代码的相关部分：

1. Firebase.js

// imports, configs and exports omitted
export const facebookProvider = new firebase.auth.FacebookAuthProvider;

2. LoadingScreen.js（登录部分）

import firebase, { googleProvider, facebookProvider } from "../firebase";
import * as Facebook from "expo-facebook";

const LoadingScreen = ({ navigation }) => {
  const signInWithFacebook = async () => {
    try {
      await Facebook.initializeAsync("444233602924989");
      const { type, token } = await Facebook.logInWithReadPermissionsAsync(
        "444233602924989",
        {
          permissions: ["public_profile", "email"]
        }
      );
      if (type === "success") {
        const credential = facebookProvider.credential(token);
        onSignInFB(credential);
      } else {
        Alert.alert('FB sign-in failed')
      }
    } catch ({ message }) {
      console.log(`Facebook 1 Error: ${message}`);
      Alert.alert(`first ${message}`);
    }
  };

  const onSignInFB = credential => {
    firebase
      .auth()
      .signInWithCredential(credential)
      .then(function() {
        navigation.navigate("Home");
      })
      .catch(function(error) {
        // Handle Errors here.
        var errorCode = error.code;
        var errorMessage = error.message;
        // The email of the user's account used.
        var email = error.email;
        // The firebase.auth.AuthCredential type that was used.
        var credential = error.credential;
      });
  };
};

我已经记录了一些元素，如下所示：

• 虽然没有可用的错误属性，但错误代码是auth/internal-error 。 Console.logging 错误本身产生了错误Invalid IdP response/credential 。
• 来自logInWithReadPermissionsAsync的令牌是有效的访问令牌（字符串）
• 来自facebookProvider.credential(token)的credential是：

    Object {"oauthIdToken": "EAAGUBzIZAgb0BAKgeMa5E7qHm8WNJYv5SeuQ8DHyhkUlAnkMhE7niu6tx3e2amSMHSEqG9B0MV4a9dygwgjs337PR7AA3M4PZB2F6x6n1FwAEyZBKhZBpOSE2OWQ9dJipirpafg61TKX36hnKIzaIcwRkjs8YYRBbDuLnZAhJzWst3ZBM5tafwxYKumv2F4kYdexxZAXqb1nosnwYodNvB9bstkcaBrfB8ZD",
      "providerId": "facebook.com",
      "signInMethod": "facebook.com",
    }

• firebase.auth().currentUser为null 。

我还查看了我自己的以下可能错误的健全清单，但找不到任何错误：

• FB 在 Firebase Auth 登录中启用
• AppId 和 App Secret 从 FB 应用程序正确复制到 Firebase（以及重定向 URI）
• 将访问令牌从Facebook.logInWithReadPermissionsAsync传递到 Facebook 的访问令牌调试器，看看是否有任何错误（例如过期或无效）
• 检查是否从facebookProvider.credential(token)返回实际凭据并传递给signInWithCredential

找出问题的根源会很棒！ （一种可能性可能是从logInWithReadPermissionsAsync返回的访问令牌与credential对象中的oauthIdToken属性相同，但我没有手动放置或更改其中任何一个。）

谢谢阅读 ：）

Answer 1

我今天对此表示反对，解决方案是将一个对象传递给credential调用，即使文档说传递一个字符串。 此外，对象属性需要被键入为accessToken 。

所以，而不是： const credential = facebookProvider.credential(token);

尝试： const credential = facebookProvider.credential({ accessToken: token });

根据文档，我不知道为什么需要该密钥或为什么它必须是对象，但它在我的情况下有效。 希望能帮助到你！