How to enable social login through Facebook for your apps

This article will help you enable social login through Facebook for your apps.

Since Graphy is a white-labeled solution, you need to set up through your own account on https://developers.facebook.com/

After creating an account, you can create your own app. Simply click on 'Consumer' for the type of app and then click on 'Next'. 

Screenshot 2022-03-28 at 4.20.00 PM-2


Then provide information regarding your app name and add the email id linked to your Graphy account. After this, you can click on 'Create app'. 

Screenshot 2022-03-28 at 4.21.13 PM-2


Since your app has now been set in motion, you just need to configure some basic settings Go to the 'Settings' section and click on the 'Basic' tab under that. Then click directly on 'Set up'. 

Screenshot 2022-03-28 at 4.22.03 PM-2


Alongside the name of your app and your email id, now you'll need to add URLs for privacy policy and data deletion. Check the note below to access them. 

Screenshot 2022-03-28 at 4.22.37 PM-3

Note: On your Graphy dashboard, go to the ‘Design’ section and then go to the ‘Website’ tab. Click on ‘Themes’ that are published, and you’ll find the Privacy Policy and Terms of Use pages live on your website.


Click on 'yourself or your own business' as the purpose of this app and then click on 'Save changes'. Then you can choose the platforms you want to enable social login on. You'll see a  'Select Platform' option. 

Screenshot 2022-03-28 at 4.23.07 PM-2


To enable social login for iOS
, click on 'Add platform' and then click on the 'iOS' checkbox. 

After that simply add your Bundle ID. Then click on 'Save changes'. 

Note: Make sure to use the Bundle ID associated with your app on iTunes connect

Screenshot 2022-03-28 at 4.25.42 PM


To enable social login for Android, click on the 'Android' check box and select 'Google Play' as the Android store of your choice. 

Then copy the generated Key hash and 'Save changes.'

Note: you must generate the Key hash using the steps in 'This is how you can generate SHA1'.

Screenshot 2022-04-06 at 12.11.14 PM-2


Make the app 'Live' by simply turning the toggle. 

Screenshot 2022-04-06 at 12.13.14 PM


To finally enable your social login, go to the 'Settings' section and click on the 'Advanced' tab under it.

Screenshot 2022-03-28 at 4.55.46 PM(1)

Then on the Graphy Dashboard go to Settings > Signup and login > Enable allow login with Facebook

Then copy-paste your 'Client token' onto your Graphy dashboard. Add your 'Facebook App Id' and your 'Facebook Client Access Token' and then click on 'Save'. 

Screenshot 2022-05-23 at 1.46.45 PM

This is how you can generate SHA1

Log in to your play console account https://play.google.com/console/
Then click on the app you want to configure. 

Screenshot 2022-04-05 at 5.09.50 PM

After selecting the app, click on 'Setup', and 'App integrity.' 
Screenshot 2022-04-05 at 5.10.23 PM

 

Then click on 'App signing' and copy the SHA-1 certificate fingerprint.

Screenshot 2022-04-05 at 5.11.04 PM


Then you have to convert the SHA-1 into a key hash on https://tomeko.net/online_tools/hex_to_base64.php


Paste your SHA-1 to the Hex string and click on 'Convert'.

Screenshot 2022-04-06 at 12.07.33 PM

The converted output is your key hash!

Screenshot 2022-04-06 at 12.10.12 PM