6e4bdea1c2
- Added VITE_SOCKET_URL to docker-compose.yml for WebSocket connection. - Updated update-docker-env.sh to handle SSL options for WebSocket URLs. - Modified Dockerfile to include VITE_SOCKET_URL in env-config.js. - Implemented getSocketUrl function in frontend to retrieve WebSocket URL. - Refactored socket configuration to use centralized socket URL from environment settings.
37 lines
1001 B
Docker
37 lines
1001 B
Docker
FROM node:22-alpine AS build
|
|
|
|
WORKDIR /app
|
|
|
|
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 && \
|
|
echo "window.VITE_SOCKET_URL='${VITE_SOCKET_URL:-ws://backend:3000}';" >> ./public/env-config.js
|
|
|
|
RUN npm run build
|
|
|
|
FROM node:22-alpine AS production
|
|
|
|
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 start server and dynamically update env-config.js
|
|
RUN echo '#!/bin/sh\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\
|
|
window.VITE_SOCKET_URL="${VITE_SOCKET_URL:-ws://backend:3000}";\n\
|
|
EOL\n\
|
|
exec serve -s build -l 5000' > /app/start.sh && \
|
|
chmod +x /app/start.sh
|
|
|
|
EXPOSE 5000
|
|
CMD ["/app/start.sh"] |