본문 바로가기

clone toy projects/next_node_TS_redit_clone

배포

아래와 같이 배포하는 방법에서는 여러가지가 있다.

 

 

최종적으로 배포할 방법은 아래와 같다.

 

1. ec2 인스턴스 생성

2. 보안그룹 설정

3. 키페어 생성

4. 인스턴스에 연결

1~4 까지는 이미 많이 해봄

 

5. 도커 설치

https://www.digitalocean.com/community/tutorials/how-to-install-and-use-docker-on-ubuntu-22-04

위 링크 진짜 개 맛있다 ! 직빵이네 얌얌굿

 

5-1 , sudo apt install docker-compose 

 

 

 

 

6. ec2로 리액트 파일 가져가기

깃 클론으로 가져옴 ㅇㅇ

 

 

7. 도커 pg 실행

sudo docker-compose up 

 

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

이젠 로컬 호스트가 아닌 위 aws url 로 접속을 해야한다.

npm install env-cmd

 

 

ec2-15-164-170-80.ap-northeast-2.compute.amazonaws.com

 

pm2를 위한 설정 파일

 

 

npm install sharp --save

운영환경 이미지 최적화를 위한 Sharp 모듈 설치

 

 

 

 

 

서버 배포를 위한 소스 코드 변경

npm install env-cmd

 

 

클라이언트 실행

 

npm 설치 하기

sudo apt install npm
npm install  ( 클라 폴더에서)
npm run build:production
npm run start:production

 

3000번에서 실행된것을 포트 80번을 이용해서 접속할 수 있게 해주기 Proxy이용

sudo iptables -A PREROUTING -t nat -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 3000
npm install pm2 -g
pm2 start ecosystem.config.js

 

서버 실행

npm install
pm2 start ecosystem.config.js

 

 

백엔드와 데이터베이스 도커를 통해 연결하기

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

'clone toy projects > next_node_TS_redit_clone' 카테고리의 다른 글

유저 페이지 생성  (0) 2023.09.03
무한 스크롤 [useSWRInfinite, Intersection observer]  (0) 2023.09.03
댓글 및 vote  (0) 2023.09.03
포스트페이지 만들기  (0) 2023.09.03
커뮤니티  (0) 2023.09.03