React Native-Firebase Facebook身份验证

Question

Has anyone been able to succesfuly integrate Firebase Facebook Auth into React Native. I have been struggling with it for a few hours now and can't really figure out how to do it.

Here is what I have so far:

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

const FBSDK = require('react-native-fbsdk');
const {
  LoginButton,
  LoginManager,
  AccessToken
} = FBSDK;

import Button from './src/components/button';

//I had this populated with the correct stuff, just removed it for the stack overflow purpose
const firebase1 = require("firebase");
const firebaseConfig = {
  apiKey: "stuff",
  authDomain: "stuff",
  databaseURL: "stuff",
  storageBucket: "stuff",
};
const firebase = firebase1.initializeApp(firebaseConfig);

console.log("V2.5")
const auth = firebase.auth();
const provider = firebase.auth.FacebookAuthProvider;

class pack extends Component {
   render() {
    return (
      <View>        
        <LoginButton
          publishPermissions={["publish_actions"]}
          onLoginFinished={
            (error, result) => {
              if (error) {
                alert("login has error: " + result.error);
              } else if (result.isCancelled) {
                alert("login is cancelled.");
              } else {
                AccessToken.getCurrentAccessToken().then(
                  (data) => {
                    alert(data.accessToken.toString())
                    console.log("lets try to sign in with provider")

                           firebase.auth().signInWithCredential(credential).catch(function(error) {
                            // Handle Errors here.
                                var errorCode = error.code;
                                var errorMessage = error.message;
                                console.log(errorMessage)
                                // ...
                              });




                  }
                )
              }
            }
          }
          onLogoutFinished={() => alert("logout.")}/>
      </View>
    );
  }

Right now it is saying that the provider variable I defined is undefined . I sit it towards the top with const provider = firebase.auth.FacebookAuthProvider;

Is there a better way to approach this? I hope I am not alone.. Upon googling it dosen't really seem like too many other people are trying to do this.. just trying to get facebook auth on firebase to work with React Native

Answer 1

var credential = firebase.auth.FacebookAuthProvider.credential(data.accesToken)

Answer 2

I have logged successfully with Facebook on Firebase .

Here is my code.

var credential = firebase.auth.FacebookAuthProvider.credential(data.accessToken.toString());
firebase.auth().signInWithCredential(credential).then(function(user) {
  console.log("Sign In Success", user);
}, function(error) {
  console.log("Sign In Error", error);
});

Answer 3

Late to the party, but.. we have a complete example over in our docs here .

Example using 'react-native-firebase' library:

 import { AccessToken, LoginManager } from 'react-native-fbsdk'; // ... somewhere in your login screen component LoginManager .logInWithReadPermissions(['public_profile', 'email']) .then((result) => { if (result.isCancelled) { return Promise.resolve('cancelled'); } console.log(`Login success with permissions: ${result.grantedPermissions.toString()}`); // get the access token return AccessToken.getCurrentAccessToken(); }) .then(data => { // create a new firebase credential with the token const credential = firebase.auth.FacebookAuthProvider.credential(data.accessToken); // login with credential return firebase.auth().signInWithCredential(credential); }) .then((currentUser) => { if (currentUser === 'cancelled') { console.log('Login cancelled'); } else { // now signed in console.warn(JSON.stringify(currentUser.toJSON())); } }) .catch((error) => { console.log(`Login fail with error: ${error}`); });