Creating a custom Google OAuth application
Step-by-step instructions below follow Google's documentation on setting up OAuth 2.0 for a web application.
Build the consent screen
- Create or select a project on the Google Cloud Platform Console.
- Navigate to the project's OAuth consent screen.
- Select whether your application is an internal or external app.
- Fill out the application name and support email.
- Add additional scopes required by your application, saving the full scope URI for later.
- Ensure that the
profilescopes are still selected.
- Under Authorized domains, add
ngrok.comand your application homepage domain.
- Save the application.
- Applications that require verification cannot complete the consent screen and are not supported by ngrok.
Create credentials for ngrok
- Navigate to Credentials for your project.
- Select "Create credentials" from the top menu and select "OAuth Client ID".
- Choose "Web application" from the list of application types.
- Name your secret, then set "Authorized Redirect URIs" to
https://idp.ngrok.com/oauth2/callback. The final credentials form should resemble:
- Securely store the client ID and secret from the final screen:
Update your endpoint configuration
- Return to the ngrok dashboard and create or edit an OAuth endpoint configuration module for your edge.
- Choose to use your own application with Google as the provider.
- Include the client ID, secret, and scopes configured in your application.
- Add the following scopes to your application if they are not already present:
Additional application setup information
- Google OAuth 2.0 Web Server (prerequisite steps)
- GCP Help: Setting up OAuth 2.0
- Google OAuth 2.0 workflow