Add OAuth callback configuration to facebook docs (#10041)

* Add OAuth callback configuration to facebook docs

* Add screenshots
This commit is contained in:
Josh Puetz 2020-09-04 09:56:17 -05:00 committed by GitHub
parent b3f1e53ec7
commit 7ab262b205
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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://<your domain>>/users/auth/facebook/callback`
![facebook-8](https://user-images.githubusercontent.com/37842/91509964-48624580-e8a1-11ea-9f7b-931cfcb7cd87.png)