set key cloak env

.env.production

@@ -1,4 +1,7 @@
 VITE_COMPETITIVE_EXAM_PANEL=VITE_COMPETITIVE_EXAM_PANEL
 VITE_QUALIFY_DISABLE_EMAM_PANEL=VITE_QUALIFY_DISABLE_EMAM_PANEL
 VITE_QUALIFY_EXAM_PANEL=VITE_QUALIFY_EXAM_PANEL
-VITE_S3CLUSTER_PUBLIC_URL=VITE_S3CLUSTER_PUBLIC_URL
+VITE_S3CLUSTER_PUBLIC_URL=VITE_S3CLUSTER_PUBLIC_URL
+VITE_REALM_KEYCLOAK=VITE_REALM_KEYCLOAK
+VITE_CLIENTID_KEYCLOAK=VITE_CLIENTID_KEYCLOAK
+VITE_URL_KEYCLOAK=VITE_URL_KEYCLOAK

entrypoint.sh

@@ -4,7 +4,7 @@ ROOT_DIR=/app
 
 # Replace env vars in JavaScript files
 echo "Replacing env constants in JS"
-for file in $ROOT_DIR/assets/app.*.js* $ROOT_DIR/js/app.*.js* $ROOT_DIR/index.html $ROOT_DIR/precache-manifest*.js;
+for file in $ROOT_DIR/assets/app.*.js* $ROOT_DIR/js/app.*.js* $ROOT_DIR/index.html $ROOT_DIR/precache-manifest*.js $ROOT_DIR/assets/index*.js*;
 do
   echo "Processing $file ...";
 
@@ -12,6 +12,9 @@ do
   sed -i 's|VITE_QUALIFY_DISABLE_EMAM_PANEL|'${VITE_QUALIFY_DISABLE_EMAM_PANEL}'|g' $file
   sed -i 's|VITE_QUALIFY_EXAM_PANEL|'${VITE_QUALIFY_EXAM_PANEL}'|g' $file
   sed -i 's|VITE_S3CLUSTER_PUBLIC_URL|'${VITE_S3CLUSTER_PUBLIC_URL}'|g' $file
+  sed -i 's|VITE_REALM_KEYCLOAK|'${VITE_REALM_KEYCLOAK}'|g' $file 
+  sed -i 's|VITE_CLIENTID_KEYCLOAK|'${VITE_CLIENTID_KEYCLOAK}'|g' $file 
+  sed -i 's|VITE_URL_KEYCLOAK|'${VITE_URL_KEYCLOAK}'|g' $file 
 
 done
 

src/plugins/keycloak.ts

@@ -8,9 +8,9 @@ import Keycloak from "keycloak-js";
 
 const initOptions = {
   //   url: "https://keycloak.frappet.synology.me/auth/",
-  realm: "bma-ehr",
-  clientId: "bma-ehr-vue3",
-  url: "https://id.frappet.synology.me/",
+  realm: import.meta.env.VITE_REALM_KEYCLOAK,
+  clientId: import.meta.env.VITE_CLIENTID_KEYCLOAK,
+  url: import.meta.env.VITE_URL_KEYCLOAK,
   //   realm: "bma-ehr-exam",
   //   clientId: "bma-ehr-exam-vue3",
 }; //option keycloak ที่จะ connect