Facebook API key pair

Froonze

Last Update 3 bulan yang lalu


Note: due to recent changes to Facebook's policies, it is required to have a Facebook Verified Business Account before you can create a Social Login app in the Facebook Developers Console.


Step 1: Log into Facebook, open Facebook for Developers at https://developers.facebook.com and click on "Log In"


Step 2: If you need to register a new developer account, click on "Continue" first.


If necessary, verify your account and email next.


On "About you", select the role that better suits your position and click on "Complete Registration"


Step 3: Click on "Create App"


Select "Other", then click Next.


At "Select an app type", select None, then click on "Next"


Next, at "Details", fill in the "Display name" of the app and the "Contact email". You can also select your Business Account in the dropdown or do it later.

Then click on "Create app" again and re-enter your password to confirm the changes


Step 4: The next page will get you to the "Add a product" panel (you can also get there by clicking "Dashboard" on the left navigation bar). Choose "Facebook login" by clicking on its "Set up" button.


On the next page "Quickstart", select the WWW Web platform


You’re now in the Facebook Login > Quickstart settings. Here you only need to add your site URL and click on Save. This is in the tab "1. Tell Us about Your Website", you don't need to do anything on the other tabs (2nd to 5th).


Step 5: Use the left navigation bar to go to Settings > Basic and fill in other required fields: Namespace, App domainsPrivacy Policy URL, Terms of Service URL, App Icon and Category. Then click on "Save changes"


In the same panel scroll down a bit, and, if your Business account is not verified yet, start the Verification process following Facebook instructions. These instructions can vary depending on your business.


Step 6: Navigate to Facebook Login > Settings, fill in the Valid OAuth Redirect URls field with our Return URL https://app.froonze.com/social_logins/facebook/callback and Save Changes


Step 7. Go to App Review > Permissions and Features and make sure that both public_profile and email permissions have an Advanced Access, or click the button to upgrade it (you'll need to have your Business Account verified in order to upgrade these permissions)


Step 8: Click on the toggle "In development" on top to publish your app live. When the next pop-up shows up, click on "Switch mode" to confirm the change


Step 9: Navigate back to Settings > Basic to copy both the App ID and the App Secret. You’ll need to re-enter the password to reveal the Secret 


To finish setting up the app copy both the ID and the Secret into our Social Login Advanced Settings and save the settings there one last time.