Abp angular application name on kubernetes does not get values from config map, but from bundled environment.prod.ts #10314

12 Answer(s)

• 

  0

  maliming created 12 days ago

  Support Team Fullstack Developer

  hi

  I will check and confirm this.

  Thanks,.

  Save Cancel
• 

  0

  maliming created 12 days ago

  Support Team Fullstack Developer

  hi

  Can you check if there is an empty dynamic-env.json in your Angular app?

  Thanks.

  Save Cancel
• 

  0

  icoretchi created 12 days ago

  Yes. Is empty. Is populated only throught kube manifests during deployment to the kubernetes cluster.

  Save Cancel
• 

  0

  maliming created 12 days ago

  Support Team Fullstack Developer

  hi

  Can you share the current response JSON content of dynamic-env.json?

  Thanks.

  Save Cancel
• 

  0

  icoretchi created 12 days ago

  { "production": "true", "application": { "baseUrl": "https://sia.rtec.md", "name": "RTEC", "logoUrl": "" }, "oAuthConfig": { "issuer": "https://authserver.sia.rtec.md", "redirectUri": "https://sia.rtec.md", "requireHttps": "false", "clientId": "Angular", "responseType": "code", "scope": "offline_access openid profile email phone AuthServer IdentityService AdministrationService AuditLoggingService GdprService ChatService SaasService FileManagementService LanguageService EmployeeService BankingService OrganizationService AcquisitionService CustomerService ProjectionService MonitoringService BridgeService NotificationService EventManagementService", "strictDiscoveryDocumentValidation": false, "skipIssuerCheck": true }, "apis": { "default": { "url": "https://webgateway.sia.rtec.md", "rootNamespace": "Abc" } } }

  Save Cancel
• 

  0

  maliming created 11 days ago

  Support Team Fullstack Developer

  Thanks. I will ask our angular team.

  Save Cancel
• 

  0

  sumeyye.kurtulus created 10 days ago

  Support Team Angular Expert

  In Kubernetes the application name from the ConfigMap (dynamic-env.json, e.g. .Values.global.application.name) is loaded correctly via remoteEnv and merged into the Angular environment. However, ABP’s Angular theme reads environment only once at bootstrap (from environment.prod.ts) and doesn’t re‑apply it after remoteEnv runs, so visual elements like the app name still come from environment.prod.ts. In other words, the ConfigMap is correct and affects the runtime env, but the current theme code doesn’t use the application.name from dynamic-env.json unless you add custom code that does so.

  You can let us know if you need further assistance. Thank you for your cooperation.

  Save Cancel
• 

  0

  icoretchi created 10 days ago

  Can you suggest how can I change the application name after the bootstrap?

  Save Cancel
• 

  0

  sumeyye.kurtulus created 10 days ago

  Support Team Angular Expert

  This depends on how you want the name to be used. For example, if you are working on the logo and the name is already derived from the environment files, there is no need to define a global value in the YAML configuration.

  Save Cancel
• 

  0

  icoretchi created 10 days ago

  Hi,

  I want to have the posibility to define for different client different application name. That's why I need to provide the application name from kube manifest and to have the possibility to update the application after the angular bootstrap.

  Cheers, Yulian

  Save Cancel
• 

  0

  sumeyye.kurtulus created 9 days ago

  Support Team Angular Expert

  Hello,

  You can achieve this by manipulating the environment response in your app.config.ts. Here is an example:

  import {
    provideAbpThemeShared,
    withValidationBluePrint,
    withHttpErrorConfig,
  } from '@abp/ng.theme.shared';
  
  export const appConfig: ApplicationConfig = {
    providers: [
      provideAppInitializer(() => {
        const environmentService = inject(EnvironmentService);
  
        return new Promise<void>(resolve => {
          const checkEnvironment = () => {
            const env = environmentService.getEnvironment();
  
            if (env?.application?.name) {
              document.title = env.application.name;
  
              console.log('✅ Application name updated from ConfigMap:', env.application.name);
              console.log('✅ Logo URL:', env.application.logoUrl);
  
              resolve();
            } else {
              setTimeout(checkEnvironment, 50);
            }
          };
  
          setTimeout(checkEnvironment, 100);
  
          setTimeout(() => {
            console.warn('⚠️ Remote environment not loaded within timeout');
            resolve();
          }, 5000);
        });
      }),
      provideLogo(),
      {
        provide: LOGO_URL_TOKEN,
        useFactory: () => {
          const environmentService = inject(EnvironmentService);
          const env = environmentService.getEnvironment();
          return env?.application?.logoUrl || '';
        },
      },
      {
        provide: LOGO_APP_NAME_TOKEN,
        useFactory: () => {
          const environmentService = inject(EnvironmentService);
          const env = environmentService.getEnvironment();
          return env?.application?.name || 'ProjectName';
        },
      },
    ],
  };
  

  Thank you for your cooperation.

  Save Cancel
• 

  0

  icoretchi created 8 days ago

  Thanks a lot.

  Save Cancel