To configure you need to create an account, in https://developers.facebook.com/
Once you have an account you need to "Add a new Application".
Next create the app, write the name to your app and verify that the email that shows is correct.
Then go to settings and fill the information.
Please fill these fields with this info:
- Display Name: Name of the App.
- Namespace: namespace is the same as the ##display-name just "withoutspaces".
- App Domains: write "localhost."
- Contact Email: Your email for contact.
- Terms of Service URL: If you have one, please add it. in case you do not have a page of these, just write on your Website.
- App Icon: Upload your App Icon.
Complete this personal information for security.
Click on add platform and select Website
On the Site URL field paste this link https://localhost:8100/ and click on "Save changes" button.
Select iOS Platform
Put the Package Bundle that is in your App, example: "com.ordering.ordering".
Do the same if another platform is needed like Android.
Use these texts in order to get it working.
- Google Play Package Name: On your builder you can see this package on your OrderingApp. example: com.orderingapp.ordering
- Class Name: com.facebook.loginactivity
Add hashes in Android "Key Hashes"
After completing the fields save the changes, a popup message will appear, just click on "Use the name of this package" button to continue with the configuration.
Click on "+" button and then select "Login with Facebook".
You need to write the Valid OAuth redirect URIs and check if you have the same options that the screenshot is shown below.
Here you have to use these texts below to Valid OAuth redirect URIs
4th.- Your Domain example: https://www.ordering.co/
To complete the configuration about facebook login only need to publish your app.
Finally, go to your builder (my.ordering.co) and write your App ID to finish your settings. After this, you need to rebuild your website/OrderingApp to see this extension working.
Also be sure that the Facebook_app_name is the same as the one in the Facebook Developer Account.
In the settings screen select the "Facebook Setting" to complete the configuration to your Facebook login.
To complete the configuration to Facebook login only need to paste the App ID & App Secret on the pop up that shows and save the changes.
Facebook login will not work on the demo apps created on your builder unless you add the temporal domain as Valid OAuth redirect URIs. Please test the Ios and android apps directly on your phone.
Have a Happy Ordering