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
- Create an OAuth App in Google Cloud Console
- Configure Google Identity Provider – Part 2
- References
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.
- Click on Configure next to Google.
- A right-side configuration pane opens. Provide a name (for example: Google Login) and click Next.
- 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.
- After creation, you will land on the project overview page.
- Click on Get Started.
-
You’ll see a 4-step configuration wizard.
Step 1: Provide App Name and User Support Email. - Step 2: Select your app audience type. For Power Pages, select External because your users will authenticate using their Google account.
- Step 3: Add your contact details.
- Step 4: Accept the Google API Terms and click Create.
After the consent screen setup, we can now create the actual OAuth Client.
- Open the Credentials tab and click Create Credentials → OAuth Client ID.
- Select Web Application as the application type since Power Pages is web-based.
-
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.
- 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.
Configure Google Identity Provider – Part 2
Now return to Power Pages to complete the configuration.
- Paste the Client ID and Client Secret from Google Cloud and click Confirm.
- The Google provider should now show as Enabled.
- Navigate to admin.powerplatform.com, go to Power Pages → Site Settings and click Restart Site.
- Once the site restarts, navigate to the sign-in page and click the Sign in with Google button.
References
Have a great day!