배포 [REACT]

AWS S3

• 버킷 만들기
• 파일 업로드(build파일 전부, static 폴더 추가)
• 속성 -> 정적 웹 사이트 호스팅 편집 활성화 -> 인덱스 문서 index.html로 지정
• 권한 -> 퍼블릭 엑세스 차단 편집 -> 차단 해제 -> 버킷 정책 편집
  

NginX

• EC2 인스턴스 시작 -> ubuntu 서버 선택
  

• 보안 그룹 구성
  

• 새 키페어 생성
  

• ubuntu 접속
  ll 입력 -> .pem파일 확인 -> chmod 400 파일명.pem-> ssh ubuntu@3.xx.xxx.xx -i 파일명.pem

• 프로젝트 파일 다운로드

• ubuntu에 nvm설치

• 해당 디렉토리에서 nano ~/.profile입력 후 아래 3줄 추가
  

• exit로 서버에서 나갔다가 ssh ubuntu@3.xx.xxx.xx -i 파일명.pem로 재접속

• 프로젝트 파일 디렉토리에서 nvm install -> npm ci -> npm run build

• ubuntu 서버에 nginx 최신버전 설치

  • source.list에 두줄 추가
    

• NginX에 빌드한 결과물 넘김

  • sudo rm -rf /etc/nginx/sites-available/default
  • sudo nano /etc/nginx/sites-available/default
    
  • sudo service nginx restart

node.js express

• 프로젝트 디렉토리에서 npm i express
• root에 server.js 생성