Enhance Docker deployment with environment variable configuration

- Added environment variable setup in docker-compose.yml for VITE_API_URL.
- Introduced update-docker-env.sh script to create/update .env file for local and remote deployments.
- Updated Dockerfile to dynamically create env-config.js during build.
- Modified frontend to load environment configuration from env-config.js.
- Refactored API client to use centralized config for API URL.
This commit is contained in:
chamiakJ
2025-04-28 11:32:44 +05:30
parent 9c27c41a5e
commit 2a3ae31e4e
9 changed files with 140 additions and 9 deletions

View File

@@ -7,6 +7,10 @@ COPY package.json package-lock.json ./
RUN npm ci
COPY . .
# Create env-config.js dynamically during build
RUN echo "window.VITE_API_URL='${VITE_API_URL:-http://backend:3000}';" > ./public/env-config.js
RUN npm run build
FROM node:22-alpine AS production
@@ -16,13 +20,13 @@ WORKDIR /app
RUN npm install -g serve
COPY --from=build /app/build /app/build
COPY --from=build /app/public/env-config.js /app/build/env-config.js
# Create a script to inject environment variables
# Create a script to start server and dynamically update env-config.js
RUN echo '#!/bin/sh\n\
cat > /app/build/env.js << EOL\n\
window.env = {\n\
VITE_API_URL: "${VITE_API_URL}"\n\
};\n\
# Update env-config.js with runtime environment variables\n\
cat > /app/build/env-config.js << EOL\n\
window.VITE_API_URL="${VITE_API_URL:-http://backend:3000}";\n\
EOL\n\
exec serve -s build -l 5000' > /app/start.sh && \
chmod +x /app/start.sh