Auth Mobile Facebook

Last Updated: 04 Oct 2021

NOTE: Before proceeding with the steps below, make sure to Follow all the steps in this article- Enable Facebook Login for HTML5.

Step 1: Plugin Properties

Get App ID and App Name from the Facebook Developers Console.

Step 2: Set C3 Project ID

1. Go to Firebase Console Project Settings. Copy app Package Name.

2. In your Construct 3 Project Properties, paste the value in ID.

Step 3(i): Release Key Hash (for Android)

3. Scroll Down to enter your Package Name and Default Activity Class Name

Default Activity Class Name should look like this: [YOUR_PACKAGE_NAME].MainActivity

4. Enter a random value in the Key Hashes. This is a dummy value, you will have to change this later. Make sure that it is 28 characters long. 

For example: XXXXXXXXXXXXXXXXXXXXXXXXXXX=

5. Next, go to Construct 3 editor and export your Project to "Signed Debug APK" and select Min. version- 9

6. Run the APK, and Sign in with Facebook

7. After that, an error Screen will appear. This error will contain the final Hash Key of your App. Copy the Hash Key, as shown in the image above.

8. Go to Facebook Developers Console. Enter your Final Key Hash.

Now, you are good to go! Restart the installed apk, and try Sign In with Facebook.

Step 3(ii): Set-up Facebook App & Project (for iOS)

To use this plugin you will need to make sure you've registered your Facebook app with Facebook and have an APP_ID https://developers.facebook.com/apps.

If you plan on rolling this out on iOS, please note that you will need to ensure that you have properly set up your Native iOS App settings on the Facebook App Dashboard. Please see the Getting Started with the Facebook SDK: Create a Facebook App section, for more details on this.

Android Export Property

If you are exporting to Android:

1. Your Android build type must be Signed.
(Select one of the three highlighted options)

2. It is recommended to use Min. version greater than or equal to 9.0.0