runtime env substitution

CUAHSI · Jan 10, 2024 · 465ea64 · 465ea64
1 parent 424bfb4
commit 465ea64
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 11 deletions.
diff --git a/.github/workflows/frontend-gh-pages.yml b/.github/workflows/frontend-gh-pages.yml
@@ -43,7 +43,6 @@ jobs:
           touch .env
           echo VITE_APP_API_URL=${{ secrets.VITE_APP_API_URL }} >> .env
           echo VITE_APP_FULL_URL=${{ secrets.VITE_APP_FULL_URL }} >> .env
-          echo VITE_OAUTH2_REDIRECT_URL=${{ secrets.VITE_OAUTH2_REDIRECT_URL }} >> .env
           echo VITE_APP_BASE=${{ secrets.VITE_APP_BASE }} >> .env
           cp .env ../.env
       - name: Install dependencies

diff --git a/app/frontend/.dockerignore b/app/frontend/.dockerignore
@@ -1 +1,2 @@
-node_modules
+node_modules
+dist
diff --git a/app/frontend/Dockerfile b/app/frontend/Dockerfile
@@ -16,4 +16,9 @@ RUN mkdir /app
 COPY --from=build-stage /app/dist /app
 COPY --from=build-stage .env .env
 COPY --from=build-stage /app/nginx.conf /etc/nginx/nginx.conf
+
+# Allow substitution of env vars at runtime
+COPY frontend/docker-entrypoint.sh /
+RUN chmod +x /docker-entrypoint.sh
+ENTRYPOINT ["/docker-entrypoint.sh"]
 EXPOSE 5003
diff --git a/app/frontend/docker-entrypoint.sh b/app/frontend/docker-entrypoint.sh
@@ -1,6 +1,14 @@
-#!/bin/bash
+#!/bin/sh
+ROOT_DIR=/app
+# Replace env vars in files served by NGINX
+for file in $ROOT_DIR/assets/*.js $ROOT_DIR/index.html;
+do
+    echo "Processing $file ...";
+    # LC_ALL=C sed -i "" 's|VITE_APP_API_URL_PLACEHOLDER|'${VITE_APP_API_URL}'|g' $file
+    sed -i 's|VITE_APP_API_URL_PLACEHOLDER|'${VITE_APP_API_URL}'|g' $file
+    sed -i 's|VITE_APP_FULL_URL_PLACEHOLDER|'${VITE_APP_FULL_URL}'|g' $file
+    sed -i 's|VITE_APP_BASE_PLACEHOLDER|'${VITE_APP_BASE}'|g' $file
+done
 
-npm i @vue/cli-service
-npm install
-npm run build
-npm run serve -- --port 5003
+echo "Starting Nginx"
+nginx -g 'daemon off;'
diff --git a/app/frontend/src/constants.js b/app/frontend/src/constants.js
@@ -1,8 +1,7 @@
-export const APP_NAME = import.meta.env.VITE_APP_NAME || "";
-export const APP_URL = import.meta.env.VITE_APP_FULL_URL || "";
-export const APP_BASE = import.meta.env.VITE_APP_BASE || "";
+export const APP_URL = import.meta.env.VITE_APP_FULL_URL || "VITE_APP_FULL_URL_PLACEHOLDER";
+export const APP_BASE = import.meta.env.VITE_APP_BASE || "VITE_APP_BASE_PLACEHOLDER";
 
-export const API_BASE = import.meta.env.VITE_APP_API_URL || "";
+export const API_BASE = import.meta.env.VITE_APP_API_URL || "VITE_APP_API_URL_PLACEHOLDER";
 export const ENDPOINTS = {
   openapi: `${API_BASE}/openapi.json`,
   authCuahsiAuthorize: `${API_BASE}/auth/front/authorize`,