How to use FBSDK Login with React Native and FeathersJS? about authentication-oauth2 HOT 11 CLOSED

{
  strategy: 'facebook-token',
  access_token: 'your facebook access token'
}

{
  strategy: 'facebook-token', // or whatever you call it with the `name` options
  accessToken: 'the token'
}

...
 app.configure(
    oauth2(
      Object.assign(
        {
          name: "facebook",
          Strategy: FacebookStrategy,
        },
        config.facebook
      )
    )
  );
...

  app.service("authentication").hooks({
    before: {
      create: [
        authentication.hooks.authenticate(config.strategies),
        customizeJWTPayload()
      ],
      remove: [authentication.hooks.authenticate("jwt")]
    }
  });
};

function customizeJWTPayload() {
  return function(hook) {
    hook.params.payload = {
      facebookId: hook.data.facebookId  //facebookId is parameter from client side. We will send
    };
    return Promise.resolve(hook);
  };
}

import { LoginManager} from "react-native-fbsdk";

export function loginWithFacebook(app) {
  return new Promise((resolve, reject) => {
    LoginManager.logInWithReadPermissions(["public_profile", "email"])
      .then(FBloginResult => {
        if (FBloginResult.isCancelled) {
          throw new Error("Login cancelled");
        }

        if (FBloginResult.deniedPermissions) {
          throw new Error("We need the requested permissions");
        }
      })
      .then(result => {
        resolve(result);
      })
      .catch(error => {
        reject(error);
      });
  });
}

import {LoginManager,GraphRequest,GraphRequestManager} from "react-native-fbsdk";

const facebookParams = "id,name,email,picture.width(600).height(800)";

export function getUserFacebookInfo(app) {
  return new Promise((resolve, reject) => {
    const profileInfoCallback = (error, profileInfo) => {
      if (error) reject(error);
      
      resolve(profileInfo);
    };

    const profileInfoRequest = new GraphRequest(
      "/me",
      {
        parameters: {
          fields: {
            string: facebookParams
          }
        }
      },
      profileInfoCallback
    );

    new GraphRequestManager().addRequest(profileInfoRequest).start();
  });
}

import {LoginManager,GraphRequest,GraphRequestManager,AccessToken} from "react-native-fbsdk";

export function authenticateWithFacebook(app, promiseSuccess, userInfo) {
  return app
    .authenticate({
      strategy: "facebook",  // this name must be same with server side name.
      accessToken: AccessToken,
      facebookId: userInfo.id,  // we can pass any parameter what we want for customizing payload
      email: userInfo.email,     
      name: userInfo.name,
      image: userInfo.picture.data.url
    })
    .then(response => {
      app.set("token", response.accessToken);
      return app.passport.verifyJWT(response.accessToken);
    })
    .then(payload => {
      return app
        .service("users")
        .find({ query: { facebookId: payload.facebookId } });  //remember we have added this payload on server side
    })
    .then(user => {
      app.set("user", user);
      return app.get("token");
    });
}