Skip to content
Access
Visit Access on GitHub
Set theme to dark (⇧+D)

Google

Cloudflare Access can integrate with Google as an IdP. Use these steps to configure Google as your IdP.

Configure Google as your IdP

  1. Sign into the API Manager in the Google Cloud console.

  2. Click Create to begin a new project in Google Cloud.

    Google Credentials

    The New Project card displays.

  3. Enter a name for your project.

  4. Click Create.

    Google New Project The Credentials window displays.

  5. In the APIs Credentials card, click Create credentials > OAuth client ID.

    Google API Credentials The Create client ID window displays.

  6. Click Configure consent screen.

    Google Create Client ID The OAuth consent screen tab displays.

  7. Enter a name in the Product name shown to users field.

  8. Click Save.

    Google OAuth consent screen The Create client ID window displays.

    Google Create client ID

  9. In Application type, select Web application.

  10. Enter a Name for your application.

  11. Enter your account’s authorization domain in the Authorized Javascript origins field.

    You can find this in the Authorization Domain section of the Cloudflare Access app.

    The domain is something like, https://xyz.cloudflareaccess.com.

  12. Under Authorized redirect URIs, enter your authorization domain and add this to the end of the path:

    /cdn-cgi/access/callback
  13. Click Create.

    The OAuth client card displays.

    Google OAuth client card

  14. Copy your client ID and client secret.

  15. Paste the ID and secret in the Cloudflare dashboard.

    Tip: If there is no connection to Google, restart the project form.

  16. Click Save and Test on the Cloudflare dashboard.

    On successful connection to your identity provider, a confirmation window displays.

    Cloudflare IdP Connection Success

Example API Config

{    "config": {        "client_id": "<your client id>",        "client_secret": "<your client secret",    },    "type": "google",    "name": "my example idp"}

export const _frontmatter = {"order":12}