In blazor Web app .net 8 i am using global auto render mode and using the oidc authentication of azure but after authenticatin my menus are gone cant see the links to navigate between pages in my applicatin.

Kuldeep Y 41

I have Blazor web app in .Net 8 and I am using the OIDC connect flow to authenticate user from azure Entra Id but after authentication I am fetching groups from azure and on behalf of group policy I am showing and hiding the menus in my application but for first time when application load using SSR it see the menus but when it switches on CSR my menus are gone , I can't see menus no longer but when I refresh page menu are appear for 3 sec and then CSR done and menus are no longer appear. how I can fix this, Please Help me.

Thanks in Advance

1 answer

Bruce (SqlWork.com) 64,826 Reputation points

2024-04-10T16:39:01.6033333+00:00

there is no proper documentation at this point. the issue is blazor server uses cookie authentication and blazor WASM typically uses bearer tokens. You need to add code to pass the server jwt tokens to the client via persistant user state, and a custom authorization provider for the client version.

see these threads:

https://github.com/dotnet/aspnetcore/issues/48772

https://github.com/dotnet/AspNetCore.Docs/issues/29452

the latest template supports individual accounts. this is has the sample client authentication provider initialized by the server code. you should change the server code to use azure ad authentication.
Please sign in to rate this answer.
Kuldeep Y 41 Reputation points

2024-04-11T11:05:00.68+00:00

I did not get any solution from the links you sent. could you please share a solution for get a persistent authentication across blazor server to web assembly when using global auto render mode using Azure AD

Kuldeep Y 41 Reputation points

2024-04-11T11:20:14.7633333+00:00

Thanks for your response.

Bruce (SqlWork.com) 64,826 Reputation points

2024-04-11T19:58:51.9466667+00:00

you don't specify your authentication requirements beyond the menu working. does the WASM code need to make authenticated api calls? what authentication method will you use?

it you create a blazor web app with individual identity. you will find two helpful classes.

in the server app, the PersistingRevalidatingAuthenticationStateProvider (under account), which persists a UserInfo to pre-render state saved to the client bootstrap page.

https://learn.microsoft.com/en-us/aspnet/core/blazor/components/prerender?view=aspnetcore-8.0

in the client app PersistentAuthenticationStateProvider which loads the saved pre-render state.

https://learn.microsoft.com/en-us/aspnet/core/blazor/security/server/?view=aspnetcore-8.0&tabs=visual-studio

this sample template uses cookie authentication, and ajax call will use the cookie, only client blazor code uses the UserInfo.

if you want the client blazor code to use bearer tokens, you will need the server to render the access and refresh token to the pre-render state. It would probably be easier to pre-render anonymous and have the client code fetch the token.

https://learn.microsoft.com/en-us/aspnet/core/blazor/security/webassembly/?view=aspnetcore-8.0
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

In blazor Web app .net 8 i am using global auto render mode and using the oidc authentication of azure but after authenticatin my menus are gone cant see the links to navigate between pages in my applicatin.

1 answer

Your answer