Welcome to Awesome App!
-To get started, login to your Google Account:
-
- 
-
+
To get started, login to your Google Account:
+
+
+
+
+
To get started, login to your Google Account:
-
-
-
+
To get started, login to your Google Account:
+
+
+
+
+
If you don't already have a Google APIs project for your Elixir App,
click the **CREATE** button on the dashboard.
-
## 2. Define the Details for your New Project (App)
-Enter the details for your App's **Project name**
-and where appropriate input any additional/relevant info:
+
-
+
Click the **CREATE** button to create your project.
-
## 3. OAuth Consent Screen
-After creating the New Project,
-the UI will return to the APIs dashboard
-and the name of your app will appear in the top menu.
-
-Click the **OAuth Consent Screen** from the left side menu:
-
-
+Click on "Google Cloud", then "Dashboard", then
+**OAuth Consent Screen** from the left side menu:
-Make the Application **`Public`** (_the default option_) and
-input the same name as you used for your application in step 1.
-Upload an image if you have one (_e.g: the icon/logo for your app_):
+
-
+Set "external":
-Leave the "**Scopes for Google APIs**" set to the default
-**email**, **profile** and **openid**.
+
-No other data is required at this point, so skip the rest.
+and enter the details for your App's **Project name** and where appropriate input any additional/relevant info: App name, the User support email and Developper contanct information.
-Scroll down to the bottom and click "**Save**":
-
+## 4. Create Credentials
-This will take you to the API Credentials page.
+Click on "Google Cloud", then "Dashboard", then "APIs and services" then "Credentials", then "+ CREATE CREDENTIALS", then "OAuth client ID".
-## 4. Create Credentials
+
Click the **Create Credentials** button:
-
-That will popup a menu from which you will select **OAuth Client ID**.
-
-You will see a form that allows you to specify
-the details of your App for the credentials.
-
-
-
-+ Application Type: Web application
-+ Name: Elixir Auth Server
-+ Authorized JavaScript origins:
-http://localhost:4000
-(_the default for a Phoenix app on your local dev machine.
- you can add your "production" URL later._)
-+ Authorized redirect URIs:
-http://localhost:4000/auth/google/callback
-(_the endpoint to redirect to once authentication is successful.
- again, add your production URL once you have auth working on `localhost`_)
-
-> Ensure you hit the enter key after pasting/typing
-the URIs to ensure they are saved.
-A common stumbling block is that URIs aren't saved. See:
-https://stackoverflow.com/questions/24363041/redirect-uri-in-google-cloud-console-doesnt-save
-Once you have input the relevant data click the **Create** button.
+- Application Type: **Web application**
+- Name: "_the one you want_"
+- Authorized redirect URIs: **the same as the one yo udefined in your router**:
+ http://localhost:4000/auth/google/callback
+ (_the endpoint to redirect to once authentication is successful.
+ :exclamation: add your production URL once you have auth working on `localhost`_)
+
+Then save your credentials in `env. file:
-> This form/step can be confusing at first,
-but essentially you can have multiple credentials
-for the same project,
-e.g: if you had a Native Android App
-you would create a new set of credentials
-to ensure a separation of concerns between
-server and client implementations.
-For now just create the server (Elixir) credentials.
-
-
-## 5. Download the OAuth Client Credentials
-
-After you click the **Create** button
-in the **Create OAuth client ID** form (_step 4 above_),
-you will be shown your OAuth client Credentials:
-
-
-
-Download the credentials, e.g:
-
-+ Client ID: 631770888008-6n0oruvsm16kbkqg6u76p5cv5kfkcekt.apps.googleusercontent.com
-+ Client Secret: MHxv6-RGF5nheXnxh1b0LNDq
-
-> ⚠️ Don't worry, these keys aren't valid.
-We deleted them immediately after capturing the screenshot
-to avoid any security issues.
-Obviously treat your credentials
-like you would the username+password for your bank account;
-never share a **real** Client ID or secret on GitHub
-or any other public/insecure forum!
-
-You can also download the OAuth credentials as a json file:
-
-
-
-Example:
-```json
-{
- "web": {
- "client_id": "631770888008-6n0oruvsm16kbkqg6u76p5cv5kfkcekt.apps.googleusercontent.com",
- "project_id": "elixir-auth-demo",
- "auth_uri": "https://accounts.google.com/o/oauth2/auth",
- "token_uri": "https://oauth2.googleapis.com/token",
- "auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
- "client_secret": "MHxv6-RGF5nheXnxh1b0LNDq",
- "redirect_uris": [
- "http://localhost:4000/auth/google/callback"
- ],
- "javascript_origins": [
- "http://localhost:4000"
- ]
- }
-}
+```env
+# .env
+export GOOGLE_CLIENT_ID="935113971xxx.apps.googleusercontent.com"
+export GOOGLE_CLIENT_SECRET="GOCSPX-5jxxx"
```
-> Again, for security reasons,
-these credentials were
-invalidated _immediately_ after downloading.