Make your users able to login into your application by using their Facebook account is a good way to increase the number of signups and make its use easier.
This feature is not mandatory, and let the user choose between login with Facebook and create an account as it signup.
🔍 Good to know: When the "login with Facebook" feature is not set up, then the button is not visible in your applocation.
Estimated time of setup: 10 minutes
Set up Facebook
1/ You will need to login onto the Facebook developer console, available at the address developers.facebook.com. If you have no Facebook account, you will need to create one especially for the occasion.
2/ Add a new application by going on developers.facebook.com/apps/ and clicking on "+ Add a new app" in the upper right corner. The location of the button may change.
3/ Give a name to your application on Facebook, and a contact email. Put the same name as your MySocialApp application. You can validate by clicking on the "Create App ID" button
4/ You are now on your new Facebook application, the product to add is the "Facebook login", then click on "Set up".
5/ Choose iOS to start. We will set up Android later on.
6/ You thus get in face of 10 steps, don't be afraid, they are initially for developers, but thanks to MySocialApp you only need to make the bare minimum. The mandatory steps to complete are:
- step 3: "Add your bundle identifier"
- step 4: "Enable single sign on for your app"
7/ step 3: You must fill in the id of your application in the field. Vous trouverez cet id sur la page de configuration de votre application. Go on the "Setup" tab, and in the "Facebook login" section you will find the "Bundle ID" starting by "io.mysocialapp."
Then put the Bundle ID in the right field on your Facebook console and save.
8/ You can enable the SSO (Single Sign On) and save
You can go to the last step and validate to exit the "wizard".
9/ Go to the "basic settings" of your application through the left menu on your Facebook console.
10/ You get the card of your Facebook application, with information as "App ID", "Secret" and "Namespace", which will be useful to set up the Facebook login feature on the MySocialApp application.
⚠️ The "Privacy policy URL" and "Terms of service URL" are mandatory in order to switch to production mode at the end of this setup.
You can take every field specified above and copy them in your application card on MySocialApp int the "Setup" tab. The "App Secret" field is visible only by clicking on "Show".
⚠️ the "App Secret" is strictly confidential.
You can update your application once you completed these 3 fields.
11/ Going back to the Facebook setup page of the application, you should have the iOS setup like this one below
You thus must do as on the picture to get:
- the Bundle ID field filled in with your Bundle ID starting with "io.mysocialapp.", retrieved at the previous step.
- The "Single Sign On" enabled
- The "Deep linking" enabled
- The "Log In-app purchase" enabled
12/ Then you can add the Android platform management by clicking on "+ Add Platform".
13/ Same step as for iOS, except that you must not enable the "Deep Linking" feature, and you have 3 "Key Hashes" to insert.
The "Key Hashes" to fill in are:
- JmzYOYRSU9Vu4j6v3FKvgDNFvak=
-
9OGYK2S2Gb6jOBLWIFWkuugpN1k=
-
7uR2VKWDT5g4Z8SX2XG08wWcKKY=
You can save !
Enable the Facebook Login
By going in the "App Review" part, you will be able to switch you Facebook login in "production" mode.
You can now switch your application to "production" / "public" mode.
Check of the system
Once you have checked everything and saved the modifications of your MySocialApp application, wait until the next release of your application, which will contain the "Login with Facebook" button. Then you just have to try to log in with your Facebook account.
If you get any trouble, don't hesitate to contact us via our support interface.
Free advice: Do you own a Facebook page for your application? If not, it isn't mandatory but we recommend you to create one. This allows to improve your application's SEO.
Comments
0 comments
Please sign in to leave a comment.