Social Provider Setup

Before adding a social provider to an Amplify project, you must first create go to that provider and configure an application identifier as outlined below.

Facebook Instructions

1. Create a developer account with Facebook
2. Sign In with your Facebook credentials.
3. From the My Apps menu, choose Add New App.
4. Give your Facebook app a name and choose Create App ID.
5. On the left navigation bar, choose Settings and then Basic.
6. Note the App ID and the App Secret. You will use them in the next section in the CLI flow.

Google Sign-In Instructions

1. Go to the Google developer console.
2. On the left navigation bar, choose Credentials.
3. Create your OAuth2.0 credentials by choosing OAuth client ID from the Create credentials drop-down list.
4. Choose Web application.
5. Click Create twice.
6. Note the OAuth client ID and client secret. You will need them for the next section in the CLI flow.
7. Choose OK.

Amazon Login Instructions

1. Create a developer account with Amazon.
2. Sign in with your Amazon credentials.
3. You need to create an Amazon security profile to receive the Amazon client ID and client secret. Choose Create a Security Profile.
4. Type in a Security Profile Name, a Security Profile Description, and a Consent Privacy Notice URL.
5. Choose Save.
6. Choose Client ID and Client Secret to show the client ID and secret. You will need them for the next section in the CLI flow.

Finish Social Setup

After adding your Social provider information into the Amplify project setup, the domain that was created must be added into the Social provider configuration to complete the process.

Facebook Instructions

1. Sign In with your Facebook credentials.
2. From the My Apps menu, choose Your App.
3. On the left navigation bar, choose Settings and then Basic.
4. Choose + Add Platform from the bottom of the page and then choose Website.

5. Under Website, type your user pool domain with the /oauth2/idpresponse endpoint into Site URL

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

   

6. Save changes.

7. Type your user pool domain into App Domains:

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

   

8. Save changes.
9. From the navigation bar choose Products and then Set up from Facebook Login.
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.

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

    

12. Save changes.

Google Sign-In Instructions

1. Go to Google Developer Console.
2. Click CONFIGURURE A PROJECT
3. Type in a project name and choose NEXT.
4. Type in your product name and choose NEXT.
5. Choose Web browser from the Where are you calling from? drop-down list.
6. Click CREATE. You will NOT use the Client ID and CLient Secret from this step.
7. Click Done.
8. Go to the Google developer console.
9. On the left navigation bar, choose Credentials.
10. Select the client you created in the first step and choose the edit option
11. Type your user pool domain into Authorized Javascript origins.

12. Type your user pool domain with the /oauth2/idpresponse endpoint into Authorized Redirect URIs.

    

    Note: If you saw an error message Invalid Redirect: domain must be added to the authorized domains list before submitting. when adding the endpoint, please go to the authorized domains list and add the domain.

13. Click Save.

Amazon Login Instructions

1. Sign in with your Amazon credentials.
2. Hover over the gear and choose Web Settings associated with the security profile you created in the previous step, and then choose Edit.
3. Type your user pool domain into Allowed Origins and type your user pool domain with the /oauth2/idpresponse endpoint into Allowed Return URLs.
4. Choose Save.