BlazorWebAppEntra .net9 sample app resets back to Home page

Question

BlazorWebAppEntra .net9 sample app resets back to Home page

Saeed Dudhia 0

Download the BlazorWebAppEntra .net9 sample and create the app in Azure Entra with the other setup that you need to do in Azure. When you are able to login using Azure Entra into you Blazor Web App login click the Weather link in the Nav bar. You will briefly get the Weather page displayed but then immeditely you are taken back to the home page.

3 answers

Your answer

Answer 1

Hi Saeed Dudhia,

Thank you for reaching out to Microsoft Q & A forum.

The issue where the Blazor Web App returns to the home page after clicking the Weather link is likely due to an authentication or authorization misconfiguration. Here are a few things to check:

1.Authentication Token: Ensure the app retains the login token by checking browser storage.

2.Authorization Settings: If the Weather page requires authorization, verify that the user has the correct roles and permissions in Azure Entra ID.

3.Redirect URI Configuration: Confirm that the redirect URIs in Azure Entra ID match those in appsettings.json.

4.Navigation Behavior: Check if any code is unintentionally redirecting users back to the home page.

5.API Permissions: If the Weather page loads data from an API, make sure the required permissions are granted in Azure Entra ID.

To troubleshoot, try accessing the page without authentication and check the browser console logs for any errors.

If you have found the answer provided to be helpful, please click on the "Accept answer/Upvote" button so that it is useful for other members in the Microsoft Q&A community.

Answer 2

There is no problem with my being able to log-in or anyone of the following:

Authentication Token: This is the Sample app provided by Microsoft as mentioned. No code changed from example app.
Authorization Settings: I am able to login as I have correctly followed the notes and created the app in Azure Entra.
Redirect URI Configuration: No code changed from example app.
Navigation Behavior: No code changed from example app.
API Permissions: I am able to login and eventually see the data in the Weather page.

The problem is - after I log-in, I am able to click the Weather page and I briefly get to see the Weather data and then the app reverts back to the Home page automatically. When I click the Weather page again I do get to see the data again. The example is really clunky and not smooth. How do I know when all the setup after logging-in is completed before I can safely click the Weather link and it does not revert back to the Home page? If you hover over the links you will see that after logging in there comes a point where the hover over the links starts to work. At this point I am able to click the Weather link safely without it transferring me back to the home page. It would be nice if I can disable the links until the logging in process is thoroughly completed.

Pradeep M 8,185 Reputation points Microsoft External Staff

2025-03-25T04:01:21.8333333+00:00

Hi Saeed Dudhia,

If you could share the exercise link, we would be able to give you a more precise solution.

Answer 3

Saeed Dudhia 0

Hi Pradeep - you could have just googled BlazorWebAppEntra but in any case here is the link to the actual Blazor App in your repository:
https://github.com/dotnet/blazor-samples/tree/main/9.0/BlazorWebAppEntra

Saeed Dudhia 0 Reputation points

2025-03-25T08:36:11.3366667+00:00

Oh and here is the actual Learning resource:
https://learn.microsoft.com/en-us/aspnet/core/blazor/security/blazor-web-app-with-entra?view=aspnetcore-9.0
Pradeep M 8,185 Reputation points Microsoft External Staff

2025-03-26T07:12:53.3733333+00:00
Hi Saeed Dudhia,

It sounds like the issue is caused by the authentication process not being fully completed before the user clicks on the Weather link, leading to an automatic redirection back to the Home page.

1.Authentication State Delay

Even after logging in, the authentication state might still be updating in the background.

To confirm, try logging authentication state updates inside the OnInitializedAsync() method of the Weather page.

2.Prevent Navigation Until Authentication is Complete

You can disable the Weather link until authentication is fully processed:

<AuthorizeView> <Authorized> <NavLink href="weather">Weather</NavLink> </Authorized> <NotAuthorized> <span style="opacity: 0.5; pointer-events: none;">Weather (Loading...)</span> </NotAuthorized> </AuthorizeView>

This ensures users can only navigate once they are fully authenticated.

3.Check Logs & Network Requests

Enable debug logging in Program.cs to track authentication progress:

builder.Logging.SetMinimumLevel(LogLevel.Debug);

  Use browser developer tools to check network requests and console logs for any authentication related errors.

By implementing these steps, you can ensure a smoother login process and prevent unwanted redirections.

Share via

BlazorWebAppEntra .net9 sample app resets back to Home page

3 answers

Your answer