Angular setting language cookie working locally but not in production #12115 | Support Center

[email protected] created 3 months ago

I have this code to set the language when the user enters my contact page.

private changeLanguage(languageName: string): void { const languagesAvailable = _filter(abp.localization.languages, (l) => (<any>l).isDisabled === false); const language = languagesAvailable.find((l) => l.name === languageName); if (abp.localization.currentLanguage.name !== languageName && language) { abp.utils.setCookieValue( 'Abp.Localization.CultureName', languageName, new Date(new Date().getTime() + 5 * 365 * 86400000), abp.appPath ); abp.localization.currentLanguage.name = languageName; location.reload(); } }

It works perfectly fine but as soon as I deployed it to production it seems that it can't set the cookie because it reloads in an endless loop. On my local machine it works perfect. This is how I enter the page: http://localhost:4200/contact?lang=de -> works and loads german language https://mydomain.com/contact?lang=de -> creates an endless loop and reloads all the time.

11 Answer(s)

m.aliozkaya created 3 months ago

Support Team

Hi,

Do you have any console errors in production? If you log in to your code it would be easier to find.

Like this

private changeLanguage(languageName: string): void {
    const languagesAvailable = _filter(abp.localization.languages, (l) => (<any>l).isDisabled === false);
    const language = languagesAvailable.find((l) => l.name === languageName);

    console.log('Current language:', abp.localization.currentLanguage.name);
    console.log('Target language:', languageName);

    if (abp.localization.currentLanguage.name !== languageName && language) {
        const cookieExpiryDate = new Date();
        cookieExpiryDate.setFullYear(cookieExpiryDate.getFullYear() + 5);
        
        console.log('Setting cookie with language:', languageName);
        
        abp.utils.setCookieValue(
            'Abp.Localization.CultureName',
            languageName,
            cookieExpiryDate,
            abp.appPath
        );
        
        abp.localization.currentLanguage.name = languageName;
        console.log('Language set, reloading page...');
        location.reload();
    } else {
        console.log('No language change needed or language not found.');
    }
}

0

[email protected] created 3 months ago

I can't see any logs because the app aggressively reloads all the time
0

[email protected] created 3 months ago

On localhost I just change the locale of the cookie reload the page and it works

On production I change it reload the page but nothing happens
0

m.aliozkaya created 3 months ago
Support Team

Hi,

Are you sure the localization files are correctly in place in production? Does localization work on other pages? https://aspnetboilerplate.com/Pages/Documents/Localization#registering-xml-localization-sources
0

[email protected] created 3 months ago

Yes, localization work on other pages. If I change the value of the cookie in your demo application https://demo.aspnetzero.com/app/main/dashboard

and reload the page it also stays the same and doesnt update the language
0
m.aliozkaya created 3 months ago
Support Team
Hi,

I understand the issue. Open Startup.cs in the *.Web.Host project. AbpRequestLocalization is being used there. If you do not want this setting, you can remove it.

using (var scope = app.ApplicationServices.CreateScope()) { if (scope.ServiceProvider.GetService<DatabaseCheckHelper>() .Exist(_appConfiguration["ConnectionStrings:Default"])) { app.UseAbpRequestLocalization(); } }

AbpUserRequestCultureProvider (ABP's provider): If the user is known via IAbpSession and has explicitly selected a language before (and saved to ISettingManager), then use the user's preferred language. If the user is known but has not selected any language and the .AspNetCore.Culture cookie or header has a value, set the user's language setting with that information and use this value as the current language. If the user is unknown, this provider does nothing.

https://aspnetboilerplate.com/Pages/Documents/Localization#how-the-current-language-is-determined
0

[email protected] created 3 months ago

In my case the user is not known and I want to set the language to the url parameter he uses on execution. As already outlined works perfect on localhost but not on production
0

m.aliozkaya created 3 months ago
Support Team

Hi,

This may be due to the fact that the backend and Angular projects are hosted on different domains. Could you try update your current language by requesting to /api/services/app/Profile/ChangeLanguage
0

[email protected] created 3 months ago

Hi, Thats a secured endpoint so a user would be needed to login.

app is hosted on api.mydomain.com api is hosted on mydomain.com
0

[email protected] created 3 months ago

btw not working in your Demo application either

The cookie value changes but the language stays English. Why would you put the flags on the bottom to choose the language but not change the displaying language?
0

m.aliozkaya created 3 months ago
Support Team

Hi,

We found a solution for you. You need to update .AspNetCore.Culture cookie to set the language on the cookie.

Example value is c=en-UK|uic=en-US

For detailed information https://learn.microsoft.com/en-us/aspnet/core/fundamentals/localization/select-language-culture?view=aspnetcore-8.0#cookierequestcultureprovider

Have an answer to this question? Log in and write your answer.