Merge pull request #247 from boostcampwm-2024/feat/#246-docker

Feat/#246 docker

Author: Donggle0315

.github/workflows/ci.yml

@@ -46,7 +46,7 @@ jobs:
       run: |
         docker run -d --name frontend-container -p ${{ secrets.FRONT_SERVER_PORT }}:${{ secrets.FRONT_SERVER_PORT }} ${{ secrets.DOCKER_USERNAME }}/${{ secrets.DOCKER_REPO_FRONTEND }}
 
-    - name: Log in to Docker Hub
+    - name: Login to Docker Hub
       uses: docker/login-action@v2
       with:
         username: ${{ secrets.DOCKER_USERNAME }}
@@ -71,12 +71,12 @@ jobs:
 
     - name: Access Backend server and deploy
       run: |
-        sshpass -p "${{ secrets.PUBLIC_SERVER_PASSWORD }}" ssh -o StrictHostKeyChecking=no root@${{ secrets.PUBLIC_SERVER_IP }} \
-          "sshpass -p '${{ secrets.BACKEND_SERVER_PASSWORD }}' ssh -o StrictHostKeyChecking=no root@${{ secrets.BACKEND_SERVER_IP }} \
+        sshpass -p "${{ secrets.PUBLIC_SERVER_PASSWORD }}" ssh -o StrictHostKeyChecking=no ${{ secrets.PUBLIC_SERVER_USER }}@${{ secrets.PUBLIC_SERVER_IP }} \
+          "sshpass -p '${{ secrets.BACKEND_SERVER_PASSWORD }}' ssh -o StrictHostKeyChecking=no ${{ secrets.BACKEND_SERVER_USER }}@${{ secrets.BACKEND_SERVER_IP }} \
             './nest/start.sh; exit'"
 
     - name: Access Frontend server and deploy
       run: |
-        sshpass -p "${{ secrets.PUBLIC_SERVER_PASSWORD }}" ssh -o StrictHostKeyChecking=no root@${{ secrets.PUBLIC_SERVER_IP }} \
-          "sshpass -p '${{ secrets.FRONT_SERVER_PASSWORD }}' ssh -o StrictHostKeyChecking=no root@${{ secrets.FRONT_SERVER_IP }} \
+        sshpass -p "${{ secrets.PUBLIC_SERVER_PASSWORD }}" ssh -o StrictHostKeyChecking=no ${{ secrets.PUBLIC_SERVER_USER }}@${{ secrets.PUBLIC_SERVER_IP }} \
+          "sshpass -p '${{ secrets.FRONT_SERVER_PASSWORD }}' ssh -o StrictHostKeyChecking=no ${{ secrets.FRONT_SERVER_USER }}@${{ secrets.FRONT_SERVER_IP }} \
             './front/start.sh'"

.gitignore

@@ -62,5 +62,4 @@ report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 
 
 #docker
-docker-compose.yml
-*/Dockerfile
+docker-compose.yml

back/Dockerfile

@@ -0,0 +1,7 @@
+FROM node
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+EXPOSE 8080
+CMD ["npm", "run", "start"]

front/Dockerfile

@@ -0,0 +1,27 @@
+FROM node:20 AS build
+WORKDIR /app
+COPY package*.json ./ 
+# Install dependencies
+RUN npm install --legacy-peer-deps
+
+COPY . .
+ARG VITE_ENVIRONMENT
+ARG VITE_API_URL
+
+# Vite가 빌드 시점에 사용할 수 있도록 환경 변수 생성
+RUN echo "VITE_ENVIRONMENT=${VITE_ENVIRONMENT}" >> .env && \
+echo "VITE_API_URL=${VITE_API_URL}" >> .env
+
+RUN npm run build
+
+# Use nginx image for production stage
+FROM nginx:stable-alpine 
+WORKDIR /usr/share/nginx/html
+RUN rm -rf ./*
+COPY --from=build /app/dist/ .
+RUN rm /etc/nginx/conf.d/default.conf
+COPY nginx/nginx.conf /etc/nginx/conf.d/
+EXPOSE 80
+
+# Run nginx in the foreground
+CMD ["nginx", "-g", "daemon off;"]