Connect your app to Facebook
To connect your Auth0 app to Facebook, you will need to generate a Client ID and Client Secret in a Facebook app, copy these keys into your Auth0 settings, and enable the connection.
1. Login to Facebook Developers
Go to Facebook Developers and login with your account. Select Add a New App from the dropdown in the upper right:
When asked to select a platform, click Basic Setup:
2. Name your application
Provide a Display Name and Contact Email.
Select a Category and click Create App ID:
Complete the Security Check.
3. Enter your callback URL
On the Product Setup page that follows, click Get Started next to Facebook Login:
Scroll down to the Client OAuth Settings section and enter the following URL in the Valid OAuth redirect URIs field:
Click Save Changes.
4. Get your App ID and App Secret
Select Settings in the left nav.
Click Show to reveal the
App Secret. (You may be required to re-enter your Facebook password.)
Save a copy of the
App ID and
App Secret to enter into the Settings page of you app on Auth0 as described in Step 7.
5. Enter your Site URL
On the same Basic Settings page, scroll down and click Add Platform:
Select Website in the pop-up:
In the Site URL field, enter the following:
6. Make your Facebook app public
Click Yes on the App Review page of your app to make it available to the public.
7. Copy your App ID and App Secret into Auth0
Login to the Auth0 Dashboard and select Connections > Social in the left navigation.
Select the connection with the Facebook logo to access this connection's Settings page.
App ID and
App Secret from the Settings of your app on Facebook into the fields on this page on Auth0:
Select all the Attributes and Permissions you want to enable.
Note: Your users will be able to choose which Attributes they wish to share, and by default this selection is only made when they first authorize the application. Click here to learn more about handling declined permissions.
8. Enable the Connection
Go to the Apps tab of the Facebook connection on Auth0 and select each of your existing Auth0 apps for which you want to enable this connection:
9. Test your app
Go back to the Connections > Social section of the Auth0 dashboard.
A TRY icon will now be displayed next to the Facebook logo:
Click Okay to allow your app access.
If you have configured everything correctly, you will see the It works!!! page: