Blazor WASM Localization and PreRerendering

Helen Z 1

We have a website that hosted by ASP.net Core Blazor WASM.

In order to avoid the "loading..." page at the begining, we are using PreRedenering which need to run a Blazor server application.

Blazor WASM PreRendering

We are also using Asp.net core Globalization/localization to display in multiple languages.

We found a problem when ever we refresh the page or switch between the languages:

The pre-rendering page will always load the UI with default culture(language) for the frist time, and then WASM will rerendering the correct language for page.

That make the page display the the default language first, then it switch to selected language.

Is there a way we can handle the pre-rendering from server to modify the culture value when first time laoding the page.

Yihui Sun-MSFT 801 Reputation points

2021-06-16T06:31:34.613+00:00

Hi @Helen Z ,
I want to confirm some information with you, how did you achieve Localization? Do you use the method in this link? If not, can you give the code how you implemented it?
Helen Z 1 Reputation point

2021-06-16T15:51:58.69+00:00

Thank you for replying, here are the code on how we implement:

On Blazor Client side:
programe.cs

public static async Task Main(string[] args)
{
. .....
` builder.Services.AddLocalization();
var host = builder.Build();
await host.SetDefaultCulture();
await host.RunAsync();

`}
Helen Z 1 Reputation point

2021-06-16T15:52:19.5+00:00
// service for SetDefaultCulture
public static class WebAssemblyHostExtension
{
public async static Task SetDefaultCulture(this WebAssemblyHost host)
{
var jsInterop = host.Services.GetRequiredService<IJSRuntime>();
var result = await jsInterop.InvokeAsync<string>("blazorCulture.get");

CultureInfo culture; if (result != null) culture = new CultureInfo(result); else culture = new CultureInfo("en-US"); CultureInfo.DefaultThreadCurrentCulture = culture; CultureInfo.DefaultThreadCurrentUICulture = culture; } }
Helen Z 1 Reputation point

2021-06-16T15:56:24.603+00:00

We don't have problem on how to set the language in Blazor WASM, our problem is when we enable the pre-rendering, pre-rending always display in English. So when switch to other langauge, the page will display in English first then display the selected language.

We want to know is there a way we can let pre-rending push the static page to display the desire language.
Yihui Sun-MSFT 801 Reputation points

2021-06-21T05:12:01.997+00:00

Hi @Helen Z ,
You need to store cultural choices in a place that is accessible to both the server and client code.
You can click this link to see a more detailed explanation.
Helen Z 1 Reputation point

2021-06-21T16:03:45.783+00:00

Our culture choice in pre-rendering is registered both in client (program.cs) and server (startup.cs) and the resouce files are accessible through 'Shared' project folder.

We've also tried the link you mentioned previously.
It seems not working.

Here is another link regarding this issue for your reference.

Share via

Blazor WASM Localization and PreRerendering

Your answer