I have a Blazor App for .NET using the server mode. I now want to add wasm mode to it as well. What changes are required?

Question

I started my project that uses the Blazor Server template from Visual Studio 2022 for .NET8. I now realize I want to add a wasm project to it as well so can take advantage of auto mode. What changes are required in the server project so my components can use the auto mode? Is there guidance somewhere about this?

Answer 1

Hi,

There's no guidance for this change. I suggest you start from create a brand new auto template and migrate all codes to the "server project". Making sure it works the same when you only use InterActiveServer.

After that, you could try move same page to the client project to use auto mode. There are going to be some challenges. First is you need to make sure the services used are registered in both project to let the dependency injection work in all rendermodes (SSR/Server/WASM). Second is you may need some technique to let AuthenticationStateProvider to retrieve the user identity in WASM.

I suggest you start from "Blazor Web App Auto/perpage with individual authentication" and make sure you understand the mechanism to proceed. https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#automatic-auto-rendering

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".  Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

along with project and startup changes, you will need to replace server code (database calls, authenication, etc) with webapi calls to a server service.