Power Pages SPA: main setup

In this post I provide high-level requirements for provisioning of a Single Page Application with Power Pages. I will not dive deep in these as many tutorials can easily be found online.

I provide hereby my settings.

Setups

Environment

Create a new environment in Power Platform admin center.

New => fill in details => Enable Add a Dataverse data store

Power Pages website

Go to Power Pages and select newly created environment.

Start from blank => fill in details => Done

Microsoft Azure

Open newly created portal in Azure portal

1. App registrations => API permissions => Add a permission => find and add:
   a) Dynamics CRM, user_impersonation (Access Common Data Service as organization users)
   b) Microsoft Graph, User.Read (Sign in and read user profile) and User.Read.All (Read all users' full profiles)
   c) Click Grant admin consent for Your-Organization

2. Authentication => check in Platform configurations that Web Redirect URIs is set to https://<site-name>.powerappsportals.com

Power Pages designer

In the pages designer select your site => click Edit:

1. Security tab => Identity providers:
   a) Disable Local sign in
   b) Enable Azure AD and set as default

2. Pages tab => Home => Page settings => Permissions => I want to choose who can see the page => Authenticated Users

3. ... tab => Power Pages Management (Advanced configuration of your site) will open a model-driven app in a separate window where you can configure your site.

I will be making SPA components mostly in the Power Pages model-driven app.