Setup dynamic environment variable for backend API

Author: EmmanuelLefevre

.github/workflows/pipeline.yml

@@ -7,6 +7,7 @@ on:
     branches: [main, develop]
 
 env:
+  NG_APP_BACKEND_API_URL: ${{ secrets.BACKEND_API_URL }}
   NG_APP_SUPABASE_URL: ${{ secrets.SUPABASE_URL }}
   NG_APP_SUPABASE_ANON_KEY: ${{ secrets.SUPABASE_ANON_KEY }}
 

src/_environments/environment.prod.ts

@@ -3,7 +3,7 @@ import { IEnvironment } from '@core/_models/environment/environment.interface';
 export const ENVIRONMENT: IEnvironment = {
   production: true,
   useMocks: false,
-  apiUrl: 'https://api.your-domain.com/api',
+  apiUrl: process.env['NG_APP_BACKEND_API_URL'] || 'http://localhost:8000/api',
   logLevel: 'error',
   application: {
     name: 'AngularTemplate',

src/_environments/environment.ts

@@ -3,7 +3,7 @@ import { IEnvironment } from '@core/_models/environment/environment.interface';
 export const ENVIRONMENT: IEnvironment = {
   production: false,
   useMocks: true,
-  apiUrl: 'http://localhost:3000/api',
+  apiUrl: process.env['NG_APP_BACKEND_API_URL'] || 'http://localhost:8000/api',
   logLevel: 'debug',
   mockAdminPassword: '1234',
   application: {

src/env.d.ts

@@ -1,6 +1,7 @@
 // eslint-disable-next-line @typescript-eslint/naming-convention
 declare const process: {
   env: {
+    NG_APP_BACKEND_API_URL: string;
     NG_APP_SUPABASE_URL: string;
     NG_APP_SUPABASE_ANON_KEY: string;
     [key: string]: string | undefined;