Skip to content

Latest commit

 

History

History

MauiBlazorWebIdentity

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
MauiBlazorWeb
MauiBlazorWeb
 
 
.gitattributes
.gitattributes
 
 
.gitignore
.gitignore
 
 
MauiBlazorWeb.sln
MauiBlazorWeb.sln
 
 
README.md
README.md
 
 

README.md

.NET MAUI Blazor Hybrid and Web App with ASP.NET Core Identity sample app (MauiBlazorWeb)

This sample demonstrates .NET MAUI Blazor Hybrid and Web App that shares common UI and authentication. The sample uses ASP.NET Core Identity local accounts, but you can use this pattern for any authentication provider from a MAUI Blazor Hybrid client.

The sample:

  • Sets up the UI to show or hide pages based on user authentication.
  • Sets up ASP.NET Identity endpoints for remote clients.
  • Logs users in, logs users out, and refreshes tokens from the MAUI client.
  • Saves and retrieves tokens in secure device storage.
  • Calls a secure endpoint (/api/weather) from the client.

For more information, see .NET MAUI Blazor Hybrid and Web App with ASP.NET Core Identity.

Steps to run the sample

  1. Clone this repository or download a ZIP archive of the repository. For more information, see How to download a sample.
  2. Make sure you have .NET 9 and the MAUI workload installed.
  3. Open the solution in Visual Studio 2022 or VS Code with the .NET MAUI extension installed.
  4. Set the MauiBlazorWeb MAUI project as the startup project. In Visual Studio, right-click the project and select Set as Startup Project.
  5. Start the MauiBlazorWeb.Web project without debugging. In Visual Studio, right-click on the project and select Debug > Start without Debugging.
  6. Inspect the Identity endpoints by navigating to https://localhost:7157/swagger in a browser.
  7. Navigate to https://localhost:7157/account/register to register a user in the Blazor Web App. Immediately after the user is registered, use the Click here to confirm your account link in the UI to confirm the user's email address because a real email sender isn't registered for account confirmation.
  8. Start (F5) the MauiBlazorWeb MAUI project. You can set the debug target to either Windows or an Android emulator.
  9. Notice you can only see the Home and Login pages.
  10. Log in with the user that you registered.
  11. Notice you can now see the shared Counter and Weather pages.
  12. Log out and notice you can only see the Home and Login pages again.
  13. Navigate to https://localhost:7157/ and the web app behaves the same.