Build Webapp Docker Image for Minikube Remote

docker/build/build.sh

@@ -136,6 +136,8 @@ build_webapp() {
   if [[ $? -ne 0 ]]; then echo "failed to build prod"; exit 1; fi
   build_webapp_common island
   if [[ $? -ne 0 ]]; then echo "failed to build island"; exit 1; fi
+  build_webapp_common remote
+  if [[ $? -ne 0 ]]; then echo "failed to build remote"; exit 1; fi
 }
 
 build_batch() {

webapp-ng/Dockerfile-webapp-remote

@@ -0,0 +1,24 @@
+# Build stage
+FROM node:20.11-alpine3.19 AS build
+
+RUN apk update && apk add git
+
+RUN mkdir -p /app
+
+WORKDIR /app
+
+COPY package.json .
+COPY package-lock.json .
+
+RUN npm install --legacy-peer-deps
+
+COPY . .
+
+RUN npm run build_remote
+
+# -----------------
+
+FROM nginx:1.17.1-alpine
+COPY --from=build /app/dist/login-demo /usr/share/nginx/html
+COPY ./nginx-custom.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80

webapp-ng/angular.json

@@ -139,6 +139,32 @@
                   "maximumWarning": "6kb"
                 }
               ]
+            },
+            "configuration_remote": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.remote.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ]
             }
 
           },
@@ -161,6 +187,9 @@
             },
             "configuration_island": {
               "buildTarget": "login-demo:build:configuration_island"
+            },
+            "configuration_remote": {
+              "buildTarget": "login-demo:build:configuration_remote"
             }
           }
         },

webapp-ng/package.json

@@ -9,6 +9,7 @@
     "build_dev": "ng build -c configuration_dev",
     "build_stage": "ng build -c configuration_stage",
     "build_island": "ng build -c configuration_island",
+    "build_remote": "ng build -c configuration_remote",
     "test": "ng test",
     "test:ci": "ng test --no-watch --no-progress --browsers=ChromeHeadlessCI",
     "lint": "ng lint",

webapp-ng/src/environments/environment.remote.ts

@@ -0,0 +1,44 @@
+import config from '../../auth_config.json';
+
+const { domain, clientId, authorizationParams: { audience }, apiUri, errorPath } = config as {
+  domain: string;
+  clientId: string;
+  authorizationParams: {
+    audience?: string;
+  },
+  apiUri: string;
+  errorPath: string;
+};
+
+export const environment = {
+  production: true,
+  auth: {
+    domain,
+    clientId,
+    authorizationParams: {
+      audience: `${audience}`,
+      redirect_uri: window.location.origin,
+    },
+    errorPath,
+  },
+  apiUri: `${apiUri}`,
+  httpInterceptor: {
+    allowedList: [
+      {
+        // uri: `${config.apiUri}/api/*`,
+        // uri: `${apiUri}/api/*`,
+        // uri: '/api/*',
+        uri: 'https://minikube-remote/api/*',
+
+        // allowAnonymous: true,
+        tokenOptions: {
+          authorizationParams: {
+            audience: `${audience}`,
+            scope: 'openid profile email'
+          }
+        }
+      },
+      ],
+
+  },
+};