This section will guide you how to config the app work with Facebook login features

This guide is for the Pro version, for the Expo you can refer to this better document from Expo: register your app with Facebook

The app provides the access to Facebook login, sharing, graph requests, app events...so you need to config your facebook developer app to change the facebookAppId.

Please following carefully the quick start guide below to pick up the FacebookAppId & FacebookDisplayName.

Create your Facebook App

Go to https://developers.facebook.com/apps/ by using you facebook login account and config your app similar to this screenshot

img

Quickstart guide for iOS

Open the link for QuickStart setup and follow the guide to get the FB appID

You can also change theFacebookAppID, CFBundleURLSchemes & FacebookDisplayNamefrom by update the Info.plist from iOS folder. UpdateBundle ID to match with your project is important, otherwise your app will be crash (see below setting)

img

Update the Info.plist

Quickstart guide for Android

Open the link for QuickStart setup and follow the guide to get the FB appID

You can also change theapp_name, fbappid & fbloginprotocol_scheme by update this file android/app/src/main/res/values/strings.xml

img

Ref to these document for more detail: https://github.com/facebook/react-native-fbsdk

SMS Login via Facebook Account kit

img

New SMS feature for Mstore 3.8.0

This feature is only available for the mstore-pro. To use this feature please make sure update the Mstore Checkout plugin to latest 1.1.5 (download here) and go the Facebook Developer app select your app that connects with the existing Mstore, select the Product plus button to add new Account Kit

img

The config screen from Facebook Developer app

There is also the UI setting to customize the Login Interface under this setting, so try to discover by yourself later 🎨

Next, copy the Account Kit Client Token and update the app setting:

  1. Open ios/mstore/Info.plist by your Editor (suggest to use Visual Code) and replace the string value by your own token:
<key>AccountKitClientToken</key>
<string>your-token-here</string>
  1. Open android/app/src/main/res/values/strings.xml and replace the string value by your own token:
<string name="ak_client_token">your-token-here</string>

Hurra, that’s all for the new SMS Login. Now if you try to sign in the app via SMS it will automatically create or login in with your mobile number, just a few taps on mobile, no-password anymore, but super secure πŸ’ͺ