Product Link Installation Plans Support

10.2 Facebook Login

Facebook login requires business verification now. So, If you have any organization that completed the business verification process, then you can set up the Facebook login. Otherwise, skip this.

You can use social logins by disabling the Facebook login. You can disable Facebook login directly from the Newsfreak Configs plugin.

  • Go to this ​URL and create an account if you don't have an account.

  • Go to My Apps > Create App > Other > Consumer.

  • Enter the App name and email and go to the Dashboard tab.

  • Scroll down on the right pane until you reach ‘Add a product’, select Facebook Login

  • You will be redirected to the quick start page.

Android Setup

  • Select Android. Skip 1 & 2.

  • Enter your_package_name in the package option and enter your_package_name.MainActivity​ in the activity option.

your_package_name is the package name of your Android app

For the next step, you need to generate two hash ids. To do that, run the following commands on the terminal.

keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64

  • Use ​android​ as a debug password. After that, you will get a hash id like this.

  • For the release hash id, run the following command by replacing your YOUR_RELEASE_KEY_ALIAS and YOUR_RELEASE_KEY_PATH. You can get these from your a​ndroid/key.properties ​file.

keytool -exportcert -alias YOUR_RELEASE_KEY_ALIAS -keystore YOUR_RELEASE_KEY_PATH | openssl sha1 -binary | openssl base64

  • After that, you will get another hash id. Now, copy and paste them into the next steps of the Facebook developer site. Like this,

  • Skip all the steps by clicking next.

  • Now go to the Settings tab > Basic & copy both the app id.

  • Now, from the source code, go to ​android/app/src/main/res/values/strings.xml file​ and change the facebook_app_id and facebook_client_token.

You will get the Facebook client token from https://developers.facebook.com/ > Your_app > Settings > Advance tab.

iOS Setup

  • Go to Facebook Dev Site again and navigate to your project and click Facebook login > Quickstart > iOS icon.

  • Skip 1 & go to step 2.

  • Enter your ios package name in the bundle ID ​option & skip others by clicking next.

  • Now, from the source code, go to the ios/Runner/Info.plist file and replace your FacebookAppID, FacebookDisplayName(Your App Name) & FacebookClientToken.

You will get the Facebook client token from https://developers.facebook.com/ > Your_app > Settings > Advance tab.

Last updated