diff --git a/docs/backend/auth-facebook.md b/docs/backend/auth-facebook.md index 08f2d024c..909276d69 100644 --- a/docs/backend/auth-facebook.md +++ b/docs/backend/auth-facebook.md @@ -23,25 +23,25 @@ application. 2. From **My Apps** dashboard, click on **Add a New App**. -![facebook-1](https://user-images.githubusercontent.com/37842/90912963-1f254f00-e3a1-11ea-9db9-2b77bddfe185.png) + ![facebook-1](https://user-images.githubusercontent.com/37842/90912963-1f254f00-e3a1-11ea-9db9-2b77bddfe185.png) 3. Select **For Everything Else** -![facebook-2](https://user-images.githubusercontent.com/37842/90913109-627fbd80-e3a1-11ea-8d78-d0b2bde76b3d.png) + ![facebook-2](https://user-images.githubusercontent.com/37842/90913109-627fbd80-e3a1-11ea-8d78-d0b2bde76b3d.png) 4. Fill in the app display name and contact email, then click on **Create App ID** -![facebook-3](https://user-images.githubusercontent.com/37842/90913171-7b886e80-e3a1-11ea-9359-c4642c05c7b6.png) + ![facebook-3](https://user-images.githubusercontent.com/37842/90913171-7b886e80-e3a1-11ea-9359-c4642c05c7b6.png) 5. On the **Add a Product** screen, click **Set Up** under the **Facebook Login** section -![facebook-4](https://user-images.githubusercontent.com/37842/90913219-8d6a1180-e3a1-11ea-86cb-d0b0d8681887.png) + ![facebook-4](https://user-images.githubusercontent.com/37842/90913219-8d6a1180-e3a1-11ea-86cb-d0b0d8681887.png) 6. Ignore the quickstart options, and click **Settings -> Basic** in the sidebar -![facebook-5](https://user-images.githubusercontent.com/37842/90913319-b5f20b80-e3a1-11ea-866a-0b06cf3296c7.png) + ![facebook-5](https://user-images.githubusercontent.com/37842/90913319-b5f20b80-e3a1-11ea-866a-0b06cf3296c7.png) 7. From the basic settings screen dashboard copy the **App ID** and **App Secret** values to your environment settings accordingly (name of Facebook @@ -52,4 +52,18 @@ application. API secret -> FACEBOOK_APP_SECRET ``` - ![twitter-5](https://user-images.githubusercontent.com/37842/90913396-d5893400-e3a1-11ea-93f5-a0fbb06a0c53.png) + ![facebook-6](https://user-images.githubusercontent.com/37842/90913396-d5893400-e3a1-11ea-93f5-a0fbb06a0c53.png) + +## Configure the Facebook App + +1. From the basic settings screen dashboard set your application's domain name + in **App Domains** field, and be sure to click **Save Changes** + + ![facebook-7](https://user-images.githubusercontent.com/37842/91494838-20fa8100-e87f-11ea-8609-0d3b92edc093.png) + +2. Naviate to **Facebook Login --> Settings**, and enter the following callback + URL in the field **Valid OAuth Redirect URIs**: + + `https://>/users/auth/facebook/callback` + + ![facebook-8](https://user-images.githubusercontent.com/37842/91509964-48624580-e8a1-11ea-9f7b-931cfcb7cd87.png)