feat: ConfigService implementiert und Konfiguration mit useFactory geladen

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/app.config.ts

@@ -6,6 +6,8 @@ import { provideAnimationsAsync } from '@angular/platform-browser/animations/asy
 import { provideHttpClient, withFetch } from '@angular/common/http';
 import { APP_BASE_HREF } from '@angular/common';
 import { UrlService } from './services/url.service';
+import { CONFIG } from './tokens';
+import { ConfigService } from './services/config.service';
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -17,6 +19,11 @@ export const appConfig: ApplicationConfig = {
       provide: APP_BASE_HREF,
       useFactory: (urlService: UrlService) => urlService.getBaseHref(),
       deps: [UrlService]
+    },
+    {
+      provide: CONFIG,
+      useFactory: async(configService: ConfigService) => await configService.getConfig(),
+      deps: [ConfigService]
     }
   ]
 };

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/config.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ConfigService } from './config.service';
+
+describe('ConfigService', () => {
+  let service: ConfigService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(ConfigService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/config.service.ts

@@ -0,0 +1,15 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { firstValueFrom } from 'rxjs/internal/firstValueFrom';
+import { env } from '../../environments/environment';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ConfigService {
+  constructor(private http: HttpClient) { }
+
+  async getConfig(): Promise<any> {
+    return await firstValueFrom(this.http.get(env.config_url));
+  }
+}

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/tokens/index.ts

@@ -1 +1,3 @@
 import { InjectionToken } from '@angular/core';
+
+export const CONFIG = new InjectionToken<string>('CONFIG');

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/assets/config.json

@@ -0,0 +1,3 @@
+{
+    "apiUrl": "/api"
+}

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/environments/environment.ts

@@ -115,5 +115,6 @@ export const env = {
                 field: (ur: any) => ur.repUser?.username
             },
         ]
-    }
+    },
+    config_url: "/assets/config.json"
 };