mirror of
https://github.com/openziti/zrok.git
synced 2025-02-27 23:51:38 +01:00
docs
This commit is contained in:
parent
510b195cee
commit
19d93d2825
@ -18,42 +18,52 @@ The `zrok` OAuth frontend will capture the successful authentication and forward
|
|||||||
|
|
||||||
### OAuth Content Screen
|
### OAuth Content Screen
|
||||||
|
|
||||||
`APIs & Services > Credentials > OAuth content screen`
|
Before you can configure an OAuth Client ID in Google Cloud, you have to configure the "OAuth content screen".
|
||||||
|
|
||||||
|
In the Google Cloud console, navigate to: `APIs & Services > Credentials > OAuth content screen`
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
Here you can give your `zrok` public frontend an identity and branding to match your deployment.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
Describe what domains are authorized to access your public frontend and establish contact information.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
Add a non-sensitive scope for `../auth/userinfo.email`.
|
Add a non-sensitive scope for `../auth/userinfo.email`. This is important as it allows the `zrok` OAuth frontend to receive the email address of the authenticated user.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
Now your OAuth content screen is configured.
|
||||||
|
|
||||||
### Create the OAuth 2.0 Client ID
|
### Create the OAuth 2.0 Client ID
|
||||||
|
|
||||||
`APIs & Services > Credentials > + Create Credentials`
|
Next we create the OAuth Client ID for your public frontend.
|
||||||
|
|
||||||
|
In the Google Cloud Console, navigate to: `APIs & Services > Credentials > + Create Credentials`
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
Select `OAuth client ID`
|
Select `OAuth client ID` from the `+ Create Credentials` dropdown.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
Application type is `Web Application`
|
Application type is `Web Application`.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
Authorized redirect URIs:
|
The most important bit here is the "Authorized redirect URIs". You're going to want to put a URL here that matches the `zrok` OAuth frontend address that you configured at the start of this guide, but at the end of the URL you're going to append `/google/oauth` to the URL.
|
||||||
|
|
||||||
Use the address of the OAuth frontend you configured above, but you're going to add `/google/oauth` to the end of the URL.
|
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
Save the client ID and the client secret. You'll configure these into your `frontend.yml`.
|
Save the client ID and the client secret. You'll configure these into your `frontend.yml`.
|
||||||
|
|
||||||
|
With this your Google OAuth client should be configured and ready.
|
||||||
|
|
||||||
## Configuring a GitHub Client ID
|
## Configuring a GitHub Client ID
|
||||||
|
|
||||||
`Settings > Developer Settings > OAuth Apps > Register a new application`
|
`Settings > Developer Settings > OAuth Apps > Register a new application`
|
||||||
|
Loading…
Reference in New Issue
Block a user