Skip to content

Facebook OAuth steps update #4731

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Oct 20, 2022
Merged

Facebook OAuth steps update #4731

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
081eb3c
Fixed type for Auth.federatedSignIn() in lib/auth/js/social
nadetastic Oct 13, 2022
23ca3cd
Merge branch 'aws-amplify:main' into main
nadetastic Oct 20, 2022
daaf232
Fix facebook oauth setup steps
nadetastic Oct 20, 2022
68b9678
Merge branch 'aws-amplify:main' into facebook-auth-update
nadetastic Oct 20, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added public/images/cognitoHostedUI/facebook9.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 10 additions & 12 deletions src/fragments/lib-v1/auth/common/social_signin_web_ui/configure_auth_category.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,29 +10,27 @@ You need to now inform your auth provider of this URL:
![Image](/images/cognitoHostedUI/facebook1.png)
3. On the left navigation bar, choose *Settings* and then *Basic*.
![Image](/images/cognitoHostedUI/facebook3.png)
4. Choose *+ Add Platform* from the bottom of the page and then choose *Website*.
![Image](/images/cognitoHostedUI/facebook4.png)
5. Under Website, type your user pool domain with the /oauth2/idpresponse endpoint into *Site URL*
4. Choose *+ Add Platform* from the bottom of the page, then choose the relevant platform and fill in the fields.

`https://<your-user-pool-domain>/oauth2/idpresponse`
![Image](/images/cognitoHostedUI/facebook9.png)
> Note: For Website, the Site URL should be the location of your [web based production application](https://developers.facebook.com/docs/development/create-an-app/app-dashboard/platform-settings/#website). Facebook will perform a check on this URL and a failure may result in your Facebook app becoming disabled.
![Image](/images/cognitoHostedUI/facebook5.png)
6. Save changes.
7. Type your user pool domain into *App Domains*:
5. Save changes.
6. Type your user pool domain into *App Domains*:

`https://<your-user-pool-domain>`

![Image](/images/cognitoHostedUI/facebook6.png)
8. Save changes.
9. From the navigation bar choose *Products* and then *Set up* from *Facebook Login*.
6. Save changes.
8. From the navigation bar choose *Add Product* and then *Set up* from *Facebook Login*.
![Image](/images/cognitoHostedUI/facebook7.png)
10. From the navigation bar choose *Facebook Login* and then *Settings*.
11. Type your redirect URL into *Valid OAuth Redirect URIs*. It will consist of your user pool domain with the /oauth2/idpresponse endpoint.
9. From the navigation bar choose *Facebook Login* and then *Settings*.
10. Type your redirect URL into *Valid OAuth Redirect URIs*. It will consist of your user pool domain with the /oauth2/idpresponse endpoint.

`https://<your-user-pool-domain>/oauth2/idpresponse`

![Image](/images/cognitoHostedUI/facebook8.png)
12. Save changes.
11. Save changes.

</Block>
<Block name="Google Sign-In">
Expand Down
22 changes: 10 additions & 12 deletions src/fragments/lib/auth/common/social_signin_web_ui/configure_auth_category.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,29 +10,27 @@ You need to now inform your auth provider of this URL:
![Image](/images/cognitoHostedUI/facebook1.png)
3. On the left navigation bar, choose *Settings* and then *Basic*.
![Image](/images/cognitoHostedUI/facebook3.png)
4. Choose *+ Add Platform* from the bottom of the page and then choose *Website*.
![Image](/images/cognitoHostedUI/facebook4.png)
5. Under Website, type your user pool domain with the /oauth2/idpresponse endpoint into *Site URL*
4. Choose *+ Add Platform* from the bottom of the page, then choose the relevant platform and fill in the fields.

`https://<your-user-pool-domain>/oauth2/idpresponse`
![Image](/images/cognitoHostedUI/facebook9.png)
> Note: For Website, the Site URL should be the location of your [web based production application](https://developers.facebook.com/docs/development/create-an-app/app-dashboard/platform-settings/#website). Facebook will perform a check on this URL and a failure may result in your Facebook app becoming disabled.
![Image](/images/cognitoHostedUI/facebook5.png)
6. Save changes.
7. Type your user pool domain into *App Domains*:
5. Save changes.
6. Type your user pool domain into *App Domains*:

`https://<your-user-pool-domain>`

![Image](/images/cognitoHostedUI/facebook6.png)
8. Save changes.
9. From the navigation bar choose *Add Product* and then *Set up* from *Facebook Login*.
6. Save changes.
8. From the navigation bar choose *Add Product* and then *Set up* from *Facebook Login*.
![Image](/images/cognitoHostedUI/facebook7.png)
10. From the navigation bar choose *Facebook Login* and then *Settings*.
11. Type your redirect URL into *Valid OAuth Redirect URIs*. It will consist of your user pool domain with the /oauth2/idpresponse endpoint.
9. From the navigation bar choose *Facebook Login* and then *Settings*.
10. Type your redirect URL into *Valid OAuth Redirect URIs*. It will consist of your user pool domain with the /oauth2/idpresponse endpoint.

`https://<your-user-pool-domain>/oauth2/idpresponse`

![Image](/images/cognitoHostedUI/facebook8.png)
12. Save changes.
11. Save changes.

</Block>
<Block name="Google Sign-In">
Expand Down