reazy-native-auth-facebook

Facebook authentication plugin for Reazy apps


Installation

1. Using Reazy CLI (only for iOS, Android coming soon)

  $ reazy add auth                    // dependency
  $ reazy add native-facebook-auth

2. Manual

  • Install reazy-auth which is a dependency of this plugin.

  • Follow these steps to install react-native-fbsdk.

  • Install reazy-native-auth-facebook

    $ npm install --save reazy-native-auth-facebook
    
  • Add these lines to your src/app.js

    ...
    import auth from 'reazy-auth';
    import authFacebook from 'reazy-native-auth-facebook';   // <-- import the service
    ...
    ...
    app.use(auth(), 'auth');
    app.use(authFacebook({
      auth: app.auth,
    }), 'authFacebook');                                     // <-- Initialize the service
    ...
    
    export default app;
    

    reazy-native-auth-facebook uses reazy-auth to store user details and access token.

Usage

This service provides the following:

login(readPermissions, requestFields)

Calls auth.setToken(accessToken) after successful login and auth.setUser(user) after successful fetching of user.

  • readPermissions: Array

    List of required permissions

    Example: ['public_profile', 'email']

  • requestFields: string

    Fields concatenated with , that you want to fetch in the user object returned from graph API

    Example: 'name, gender, age_range, first_name, last_name, email'

  • returns a promise which resolves with this object

    {
      user: user,              // User object returned from Facebook Graph API
      accessToken: accessToken // Access token returned after successful login
    }
    

    and rejects with the error message.

  • Example:

    app.authFacebook.login(['public_profile', 'email'], 'name, email').then((response) => {
      console.log(`Welcome, ${response.user.name}`);
    })
    

    After this you can also fetch the user object and token from auth service

    const user = app.auth.getUser();  // Assuming that reazy-auth service is registered with name 'auth'
    const accessToken = app.auth.getToken();
    

logout()

This function logs out the user and calls auth.setToken(null) and auth.setUser(null).

  • Example:

    app.authFacebook.logout();
    

FBSDK

If you want to do more with FBSDK, this will get you the object imported from react-native-fbsdk.

  • Example:

    const FBSDK = app.authFacebook.FBSDK;
    const {
      ShareDialog,
      LoginManager,
      ShareApi,
      AppEventsLogger,
    } = FBSDK
    

results matching ""

    No results matching ""