updated 4-13-2020

In the upcoming lecture, Stephen will be going through the steps to create a new Google Project. Since the UI has changed, we have provided screenshots with the steps needed to create the project and obtain the Client Id and Client Secret.

1. Go to the Google Project Dashboard:

2. Click the "Create Project" button

3. Name the project and click the "Create" button

4. Click the menu button, Select "APIs & Services", then "OAuth Consent Screen"

5. Select "External" and click the "Create" button

6. Fill out "Application Name", scroll to the bottom and click the "Save" button. No other info should be filled out in the consent screen at this time.

7. Click "Credentials" in the sidebar and then click the "Create Credentials" button

9. Select "OAuth Client ID"

10. Select Web Application and fill out the "Authorized JavaScript Origins" and "Authorized redirect URI" and click the "Create" button.

Authorized JavaScript Origins:

http://localhost:5000

Authorized redirect URI

http://localhost:5000/auth/google/callback

Note! Google has made a number of changes to the OAuth credential's restrictions, and no longer allows wildcards in the redirect URI field. If you follow along with the upcoming video lecture you will get this error: Invalid Redirect: cannot contain a wildcard (*)

Since the main goal of using http://localhost:5000/* was to show the redirect error a few lectures later, we entered the correct redirect as shown above since this is what it will be changed to anyway.

11. Copy your Client ID and Client Secret in a safe place so you can use it in your application in a future lecture. (ID and Secret were redacted from the screenshot)