import ConfigDone from '/docs/snippets/u-and-p-provider-config-done.md'

Facebook provider setup for Users & Permissions#

The present page explains how to setup the Facebook provider for the Users & Permissions feature.

You have read the Users & Permissions providers documentation.

Facebook configuration#

Facebook doesn't accept localhost urls.

Use to serve the backend app (ngrok http 1337) that will make a proxy tunnel from a url it created to your localhost url (e.g., url: env('', 'https://5299e8514242.ngrok.io'),).

ngrok http 1337

Don't forget to update the server url in the backend config file config/server.js and the server url in your frontend app (environment variable REACT_APP_BACKEND_URL if you use ) with the generated ngrok url.

1. Visit the Developer Apps list page at
2. Click on Add a New App button
3. Fill the Display Name in the modal and create the app
4. Setup a Facebook Login product
5. Click on the PRODUCTS > Facebook login > Settings link in the left menu
6. Fill the information and save (replace with your own ngrok url):
   • Valid OAuth Redirect URIs: https://65e60559.ngrok.io/api/connect/facebook/callback
7. Then, click on Settings in the left menu
8. Then on Basic link
9. You should see your Application ID and secret, save them for later

Strapi configuration#

1. Visit the User & Permissions provider settings page at
2. Click on the Facebook provider
3. Fill the information (replace with your own client ID and secret):
   • Enable: ON
   • Client ID: 2408954435875229
   • Client Secret: 4fe04b740b69f31ea410b9391ff3b5b0
   • The redirect URL to your front-end app: http://localhost:3000/connect/facebook/redirect