release

deployment/container/Dockerfile-lifesub-web

@@ -0,0 +1,64 @@
+# Build stage
+FROM node:20-slim AS builder
+ARG PROJECT_FOLDER
+
+ENV NODE_ENV=production
+
+WORKDIR /app
+
+# Install dependencies
+COPY ${PROJECT_FOLDER}/package*.json ./
+RUN npm ci --only=production
+
+# Build application
+COPY ${PROJECT_FOLDER} .
+RUN npm run build
+
+# Run stage
+FROM nginx:stable-alpine
+
+ARG BUILD_FOLDER
+ARG EXPORT_PORT
+ARG REACT_APP_MEMBER_URL
+ARG REACT_APP_MYSUB_URL
+ARG REACT_APP_RECOMMEND_URL
+
+# Create nginx user if it doesn't exist
+RUN adduser -S nginx || true
+
+# Copy build files
+COPY --from=builder /app/build /usr/share/nginx/html
+
+# Create runtime config
+#index.html의 헤더에서 이 값을 읽어 환경변수를 생성함  
+#api.js에서 이 환경변수를 이용함: 예) window.__runtime_config__.MEMBER_URL
+
+RUN echo "window.__runtime_config__ = { \
+    MEMBER_URL: '${REACT_APP_MEMBER_URL}', \
+    MYSUB_URL: '${REACT_APP_MYSUB_URL}', \
+    RECOMMEND_URL: '${REACT_APP_RECOMMEND_URL}' \
+}" > /usr/share/nginx/html/runtime-env.js
+
+# Copy and process nginx configuration
+COPY ${BUILD_FOLDER}/nginx.conf /etc/nginx/templates/default.conf.template
+
+# Add custom nginx settings
+RUN echo "client_max_body_size 100M;" > /etc/nginx/conf.d/client_max_body_size.conf
+RUN echo "proxy_buffer_size 128k;" > /etc/nginx/conf.d/proxy_buffer_size.conf
+RUN echo "proxy_buffers 4 256k;" > /etc/nginx/conf.d/proxy_buffers.conf
+RUN echo "proxy_busy_buffers_size 256k;" > /etc/nginx/conf.d/proxy_busy_buffers_size.conf
+
+# Set permissions
+RUN chown -R nginx:nginx /usr/share/nginx/html && \
+    chmod -R 755 /usr/share/nginx/html && \
+    chown -R nginx:nginx /var/cache/nginx && \
+    chown -R nginx:nginx /var/log/nginx && \
+    chown -R nginx:nginx /etc/nginx/conf.d && \
+    touch /var/run/nginx.pid && \
+    chown -R nginx:nginx /var/run/nginx.pid
+
+USER nginx
+
+EXPOSE ${EXPORT_PORT}
+
+CMD ["nginx", "-g", "daemon off;"]

deployment/container/nginx.conf

@@ -0,0 +1,29 @@
+server {
+    listen 18080;
+    server_name localhost;
+    
+    location / {
+        root /usr/share/nginx/html;
+        index index.html index.htm;
+        try_files $uri $uri/ /index.html;
+        
+        # Cache static files
+        location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
+            expires 1y;
+            add_header Cache-Control "public, no-transform";
+        }
+    }
+    
+    # Health check endpoint
+    location /health {
+        access_log off;
+        return 200 'healthy\n';
+        add_header Content-Type text/plain;
+    }
+    
+    # Error pages
+    error_page 500 502 503 504 /50x.html;
+    location = /50x.html {
+        root /usr/share/nginx/html;
+    }
+}