Back to home

Expo Facebook Login

Published: Jul 12, 2018

Last updated: Jul 12, 2018

    If using Expo, first you need to follow the setup instructions.

    https://docs.expo.io/versions/latest/sdk/facebook

    tl;dr

    1. Head to developers.facebook.com and set up the login.
    2. Update app.json to look like the following:

    { "expo": { "sdkVersion": "27.0.0", "privacy": "unlisted", "name": "Exposition", "icon": "./assets/icon.png", "version": "1.0.0", "slug": "nodular-exposition", "facebookScheme": "<% fromFacebook %>", "facebookAppId": "<% fromFacebook %>", "facebookDisplayName": "Exposition", "ios": { "bundleIdentifier": "com.nodular.exposition" }, "android": { "package": "com.nodular.exposition" } } }

    1. Install the ExpoFacebook common js module.
    2. Update the code flow for Amplify to be similar to the one provided from their website:

    FB.login(function (response) { // Check if the user logged in successfully. if (response.authResponse) { console.log("You are now logged in."); // Add the Facebook access token to the Cognito credentials login map. AWS.config.credentials = new AWS.CognitoIdentityCredentials({ IdentityPoolId: "IDENTITY_POOL_ID", Logins: { "graph.facebook.com": response.authResponse.accessToken, }, }); // Obtain AWS credentials AWS.config.credentials.get(function () { // Access AWS resources here. }); } else { console.log("There was a problem logging you in."); } });

    1. Ensure auth is added to the project wsmobile user-signin configure and selecting Advanced > Add Facebook.
    Personal image

    Dennis O'Keeffe

    @dennisokeeffe92
    • Melbourne, Australia

    Hi, I am a professional Software Engineer. Formerly of Culture Amp, UsabilityHub, Present Company and NightGuru.
    I am currently working on Visibuild.

    1,200+ PEOPLE ALREADY JOINED ❤️️

    Get fresh posts + news direct to your inbox.

    No spam. We only send you relevant content.

    Expo Facebook Login

    Introduction

    Share this post