🎉 I'm releasing 12 products in 12 months! If you love product, checkout my new blog workingoutloud.dev

Back to home

Expo Facebook Login

    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