Live Example:

Blazor Simple Survey (https://blazorsimplesurvey.azurewebsites.net/)

Articles:

• Blazor Simple Survey: Creating Dynamic Surveys
• Blazor and Azure B2C: The Big Picture
• Blazor Azure B2C User And Group Management

Features

• Unlimited Surveys
• Unlimited Survey Questions
• Survey responses in pie charts
• Survey Question Types
  • Text Box
  • Text Area
  • Date
  • Date Time
  • Dropdown
  • Multi-Select Dropdown
• Azure B2C Integration
• View Azure B2C Authorization Claims
• Administration
  • User Management
  • Search and edit users in Azure B2C Tenant
  • Custom designate Azure B2C group as Administration Group
• Activity Logs

Set-Up:

Database Set-up

• Create a Database and run scripts in !SQL directory
• Edit appsettings.json to set the database connection

Azure B2C Setup

• Follow the directions in: Creating A Blazor Server Azure B2C App to set-up a Azure AD B2C Tenant
• Copy the settings to the appsettings.json file (AzureAdB2C section).

Azure B2C Management Configuration

Microsoft Graph allows you to manage many of the resources within your Azure AD B2C tenant. To configure this follow these directions:

• Register a Microsoft Graph application
• Ensure you add these permissions to the Azure Application you create:
  • AuditLog.Read.All
  • Directory.ReadWrite.All
  • Policy.ReadWrite.TrustFramework
  • User.Read
  • User.ReadWrite.All
• Copy the settings to the appsettings.json file (AzureAdB2CManagement section).

Azure B2C Advanced Configuration (optional)

If you desire to allow any Azure AD tenant to log in, you need to use Custom Policies. This application can also be configured to use Azure Active Directory B2C Custom Policy files.

See an overview of this process here: Blazor Multi-Tenant Azure B2C. To get started see Get started with custom policies in Azure Active Directory B2C

After you follow the directions, you will make a new policy in the Identity Experience Framework. You will create a Relying Party (RP) file like B2C_1A_signup_signin. Update the SignUpSignInPolicyId property in the appsettings.json file with the name of this file to use it.

You can get the sample Azure B2C Custom policy .xml files in the !AzureB2CConfig directory (you will need to update the custom values)

• If using Azure Active Directory Multi-Tenant login follow these steps: B2C-Token-Includes-AzureAD-BearerToken
• If using Google login follow these steps: Set up sign-in with a Google account using custom policies in Azure Active Directory B2C
• If using Twitter login follow these steps: Set up sign-in with a Twitter account using custom policies in Azure Active Directory B2C
• If using Microsoft Accounts for login follow these steps: Set up sign-in with a Microsoft account using custom policies in Azure Active Directory B2C

Screen Shots