How to Set Up Google Authentication in Power Pages (Beginner Guide)?

Power Pages, being a Microsoft-hosted low-code portal platform, gives us multiple authentication options out of the box - including Azure AD and External Authentication. But what many makers don’t realize is that Power Pages also supports popular OAuth 2.0 identity providers like Google, GitHub, Facebook, and LinkedIn.

In this blog, we’ll walk through a simple and beginner-friendly guide on how to set up Google Authentication in Power Pages using OAuth 2.0. Even if you aren’t familiar with authentication concepts, don’t worry - I’ll break it down step-by-step.

Follow these steps to configure Google Sign-In:

Configure Google Identity Provider – Part 1

First, go to make.powerpages.com and open the Power Pages site for which you want to enable Google login. From the left navigation, open the Security section and select Identity Providers. You will see a list of available providers as shown below.

Identity Providers List
  • Click on Configure next to Google.
  • Provider Selection Pane
  • A right-side configuration pane opens. Provide a name (for example: Google Login) and click Next.
  • Redirect URI
  • Power Pages will generate a Redirect URI. Copy this URI - we will need it while creating the OAuth Client in Google Cloud.

Create an OAuth App in Google Cloud Console

To enable Google Authentication, we must create an OAuth 2.0 Client inside the Google Cloud Developer Console. If you already have a client ID and secret, feel free to skip this part.

  • Navigate here to open Google Cloud Console and create a new project.
  • Create App in Google Cloud
  • After creation, you will land on the project overview page.
  • Project Overview
  • Click on Get Started.
  • You’ll see a 4-step configuration wizard.
    Step 1: Provide App Name and User Support Email.
  • App Information
  • Step 2: Select your app audience type. For Power Pages, select External because your users will authenticate using their Google account.
  • External Audience Selection
  • Step 3: Add your contact details.
  • Contact Information
  • Step 4: Accept the Google API Terms and click Create.
  • Google API Policy

After the consent screen setup, we can now create the actual OAuth Client.

    OAuth Client Creation
  • Open the Credentials tab and click Create Credentials → OAuth Client ID.
  • Select OAuth Client
  • Select Web Application as the application type since Power Pages is web-based.
  • App Type Selection
  • Scroll down and add the following:
    • Authorized JavaScript Origin: Your Power Pages site URL
    • Authorized Redirect URI: Paste the redirect URI copied from Power Pages
  • Click Create.
  • Client ID and Secret
  • Google will now generate your Client ID and Client Secret. These are required for configuring the Google Identity Provider in Power Pages. Copy them or download the JSON.
  • OAuth Clients List

Configure Google Identity Provider – Part 2

Now return to Power Pages to complete the configuration.

    Set Client ID and Secret
  • Paste the Client ID and Client Secret from Google Cloud and click Confirm.
  • Google Provider Enabled
  • The Google provider should now show as Enabled.
  • Restart Site
  • Navigate to admin.powerplatform.com, go to Power Pages → Site Settings and click Restart Site.
  • Test Login
  • Once the site restarts, navigate to the sign-in page and click the Sign in with Google button.
  • After Sign-In

References


Have a great day!

Tamilarasu Arunachalam

Post a Comment

Previous Post Next Post