Question

我正在尝试使用Firebase和Facebook Auth编写React Native应用程序。这是完整的应用代码：

import React from 'react';
import { StyleSheet, View } from 'react-native';

import { LoginManager, AccessToken, LoginButton } from 'react-native-fbsdk';

import * as f from './config/firebase';

export default class App extends React.Component {
  fbLoginHandler(error, result) {
    if (error) {
      alert('Login failed with error: ' + error);
    } else if (result && result.isCancelled) {
      alert('Login cancelled');
    } else {
      AccessToken.getCurrentAccessToken().then((accessTokenData) => {
        const credential = f.provider.credential(accessTokenData.accessToken);
        f.auth.signInAndRetrieveDataWithCredential(credential).then((s) => {
          alert('Success! ' + s);
        }, (signinError) => {
          console.log('Signin error', signinError);
          alert('Signin error' + signinError);
        });
      }, (tokenError) => {
        alert('Some error occurred' + tokenError);
      });
    }
  }

  render () {
    return (
      <View style={styles.container}>
        <LoginButton
          readPermissions={['public_profile', 'email']}
          onLoginFinished={(error, result) => this.fbLoginHandler(error, result)}
          onLogoutFinished={() => alert('logout.')}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF'
  }
});

这是我的Firebase配置文件（以上代码段中的'./config/firebase'导入）：

import * as firebase from 'firebase';

const config = {
  apiKey: <api key>,
  authDomain: <auth domain>,
  databaseURL: <database URL>,
  projectId: <project ID>,
  storageBucket: <storage bucket>,
  messagingSenderId: <messaging sender ID>
};

firebase.initializeApp(config);

export const database = firebase.database();
export const auth = firebase.auth();
export const provider = new firebase.auth.FacebookAuthProvider();

我已按照Firebase文档中的说明，在我的Facebook控制台上输入了所需的OAuth重定向URI。我还根据其他Stack Overflow线程中的建议添加了其他一些内容。我正在授权的重定向URI是：

https://<MyAppID>.firebaseapp.com/__/auth/handler
https://auth.firebase.com/auth/facebook/callback
https://auth.firebase.com/v2/<MyAppID>/auth/facebook/callback
https://localhost/
http://localhost/

身份验证过程成为其中的一部分（我在Facebook控制台上看到用户已通过身份验证），但是signInAndRetrieveDataWithCredential(credential)返回错误：

{
  code: "auth/internal-error",
  message: {
    error:{
      code:400,
      message:"Callback URL does not contain state: http://localhost?id_token=<token>&providerId=facebook.com",
      errors:[{
        message:"Callback URL does not contain state: http://localhost?id_token=<token>&providerId=facebook.com",
        domain:"global",
        reason:"invalid"
      }]
    }}
  }
}

我搜索了Internet，Facebook开发人员文档，Firebase文档，当然还有Stack Overflow，但是我在任何地方都找不到关于此特定错误的参考。我相信这个错误-尽管是从Firebase函数返回的-只是从Facebook Auth API传递过来的，但我什至对此也不是100％确信。

我的假设是，我必须在Facebook或Firebase中使用错误的配置设置，但是我已经尝试更改明显的配置设置（例如，重定向URI，所有OAuth选项切换等），而无需更改错误消息。

任何见解将不胜感激！

Answer 1

尽管我仍然无法诊断出此特定错误，但我通过使用第三方<moveThreadCount>AUTO</>软件包代替了Google的react-native-firebase软件包找到了有效的解决方案：

firebase

Firebase使用Facebook Auth和React Native的“回调URL不包含状态”错误

1 个答案: