feat: set production environment

[2018007956]

Overview

• 클라이언트 배포를 위한 소스 코드 변경

Change Log

• Client 부분
  1. .env 파일을 .env.development와 .env.production으로 분리
     • env-cmd 패키지를 이용하면 환경에 따라 .env 파일을 따로 정의해서 사용할 수 있음
     • npm install env-cmd --save
  2. script 변경 : client/package.json
  3. pm2를 위한 설정 파일 생성 : client/ecosystem.config.js
     • 더 안정적인 운영 환경 구축 위함
  4. 운영 환경에서 이미지를 사용하기 위해
     1. Sharp 모듈 설치 : npm install sharp --save
     2. client/next.config.js images에 운영 도메인 추가
• Server 부분 1-3 번 Client 부분과 동일
  4. 하드 코딩된 localhost 주소를 환경 변수로 변경

실행 방법

• 포트 3000번에서 실행된 것을 80번으로 접속할 수 있도록 Proxy 이용 sudo iptables -A PREROUTING -t nat -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 3000
  1. script에 지정했던 명령어 사용

     client

     • npm run build:prod
     • npm run start:prod

  2. 또는 pm2 이용한 무중단 배포
     • npm install pm2 -g
     • pm2 start ecosystem.config.js

Issue Tags

• Closed: #46

[2018007956]

• 아직 더 구현할 기능들이 많아서 AWS를 사용한 배포 대신 ngrok나 localtunnel을 사용해보려는 중
• 추후 production 주소 변경 필요