找不到身份提供者配置 - 使用 FacebookAuthProvider 进行 React Native Firebase 身份验证

Question

未找到身份提供商配置

当我尝试使用 FacebookAuthProvider 向 firebase 进行身份验证时出现此错误。我正在使用 react-native-fbsdk 将 facebook 身份验证与 react-native 集成。我的目标是使用身份验证令牌登录用户 ti firebase，并将用户数据记录在 firestore 内的 USERS 集合中。

下面是我的代码。感谢您的帮助。!

fbAuth(){
        LoginManager.logInWithReadPermissions(['public_profile','email','user_photos']).then(
            (result)=>{
                this.handleCallBack(result),
                function(error){
                    console.log("error in facebook login.");
                }
            }
        );
    }
    handleCallBack(result){
        var _this = this;
        if(result.isCancelled){
            console.log("facebook login cancelled.");
        }else{
            AccessToken.getCurrentAccessToken().then(
                (data) => {
                    const token = data.accessToken;
                    fetch('https://graph.facebook.com/v2.8/me?fields=id,first_name,last_name,gender,birthday&access_token=' + token)
                    .then((response=>response.json()))
                    .then((json)=>{
                        const imageSize = 120;
                        const facebookID = json.id;
                        const fbImage = "https://graph.facebook.com/${facebookID}/picture?height=${imageSize}";
                    })
                    this.authenticate(data.accessToken)
                    .then(result =>{
                        const {uid} =  result;
                        _this.createUser(uid,json,token,fbImage);
                    })
            })
            .catch(error=>{
                    console.log(error);
            })   
        } 
    }
    authenticate = (token) => {
        const provider = firebase.auth.FacebookAuthProvider;
        const credential = provider.credential(token);
        var ret = firebase.auth().signInWithCredential(credential);
        return ret;
    }
    createUser = (uid,userData,token,dp) => {
        const defaults = {
          uid,
          token,
          dp,
          ageRange: [20, 30]
        }
        const db = firebase.firestore();
        db.settings({timestampsInSnapshots:true});
        db.collection('USERS').add({
            ...userData, ...defaults,
            fsTimestamp: firebase.firestore.Timestamp.now()
        })
        .then(()=>{
            console.log("User recorded.");
                //this.clearState();
        })
        .catch((error)=>{console.log(error)});
     }

这是我的导入：

import * as firebase from 'firebase';
import 'firebase/firestore';
import {LoginManager,LoginButton,AccessToken,GraphRequest,GraphRequestManager} from 'react-native-fbsdk';

Answer 1

我找到了。问题不在于代码。这实际上是非常基本的东西 :) 问题是我没有在 firebase 端的登录提供程序部分启用 facebook sign-n 提供程序。如果您遇到同样的问题，您应该启用此身份验证方法。

找不到身份提供者配置 - 使用 FacebookAuthProvider 进行 React Native Firebase 身份验证

The identity provider configuration is not found - React Native Firebase Authentication with FacebookAuthProvider

facebook-login

firebase

react-native

firebase-authentication

react-native-fbsdk