import { AppResolverService } from '@app/resolvers/app-resolver.service' ;
import { IndexComponent } from '@views/index/index.component' ;export const routes: Routes = [{path : '' ,canActivate : [AppResolverService],children : [{path : '' ,component : IndexComponent,pathMatch : 'full'}]}
];

import { Injectable } from '@angular/core' ;
import { ConfigService } from '@services/config/config.service' ;
import { EMPTY, Observable } from 'rxjs' ;
import { catchError, map } from 'rxjs/operators' ;
import { CanActivate, UrlTree } from '@angular/router' ;@Injectable({providedIn : 'root'
})
export class AppResolverService implements CanActivate  {constructor (private config: ConfigService) {}canActivate(): Observable<boolean | UrlTree> | Promise <boolean | UrlTree> | boolean | UrlTree {return this .config.loadAppConfig().pipe(map( () => true ),catchError( () => EMPTY));}
}

import { Injectable } from '@angular/core' ;
import { HttpClient, HttpHeaders } from '@angular/common/http' ;
import { map } from 'rxjs/operators' ;
import { Observable } from 'rxjs' ;@Injectable({ providedIn : 'root' })
export class ConfigService  {private _config: any = {};constructor (private http: HttpClient) {}get data(): any {return this ._config ? { ...this._config } : {};}loadAppConfig(): Observable<any> {const headers = new HttpHeaders().set( 'Content-Type' , 'application/json; charset=utf-8' );return this .http.get( `/_ngx-rtconfig.json?cb= ${ new Date ().getTime()} ` , { headers }).pipe(map( data => { for ( const key in data) {if (data.hasOwnProperty(key)) {this ._config[key.replace( 'NGX_' , '' ).toLowerCase().split( '_' ).map( ( el, i ) => (i > 0 ? el.charAt( 0 ).toUpperCase() + el.slice( 1 ) : el)).join( '' )] = data[key];}}return this .data;}));}
}

#!/usr/bin/env sh
set -eujq -n env | grep -E '\{|\}|NGX_' | sed ':begin;$!N;s/,\n}/\n}/g;tbegin;P;D' > /usr/ share/nginx/html/_ngx-rtconfig.jsonexec "$@"

FROM node:12.6 .0 -buster-slim AS builderARG NODE_ENV
ENV NODE_ENV ${NODE_ENV}
RUN mkdir -p /app
WORKDIR /app
COPY package.json yarn.lock ./
RUN yarn install --frozen-lockfile
COPY . .
RUN yarn buildFROM nginx: 1.15 -alpineRUN apk update && apk add jq
COPY -- from =builder build/ /usr/ share/nginx/html
COPY ./ops/config/nginx-custom.conf /etc/nginx/conf.d/ default .conf
EXPOSE 80
# generate dynamic json from env
COPY ./ops/config/docker-entrypoint.sh /
ENTRYPOINT [ "/docker-entrypoint.sh" ]
CMD [ "nginx" , "-g" , "daemon off;" ]

version:"3.5"
services:ngx-app:container_name: ngx-appbuild:context: .dockerfile: Dockerfileenvironment:NGX_API_ENDPOINT: http: //localhost:3000ports:- '4200:80'

---apiVersion: extensions/v1beta1kind: Deploymentmetadata:name: {{ CI_PROJECT_NAME }}spec:replicas:3revisionHistoryLimit: 3template:spec:containers:- name: {{ CI_PROJECT_NAME }}image: {{ CI_REGISTRY_IMAGE }}:{{ CI_COMMIT_SHA }}imagePullPolicy: Alwaysenv:- name: NGX_API_ENDPOINTvalue: https: //foo.com/api/ports:- name: httpcontainerPort: 80