[그만좀늦자] 배포하기!

PWA로 만든 이 웹앱은 프론트와 백을 연결하려면 HTTPS 처리가 필요하다.

그러기 위해 도메인도 구입하고~ 이것저것 작업을 해줘야 함.

localhost로도 테스트가 가능하지만... 어차피 실제로 사용하는게 목표니까!

아예 처음부터 쭉 배포 과정을 정리해보려고 한다.

 

나의 첫 배포 ^^ 성공하길!

 

1. 백엔드 서버 배포 과정

1) EC2 생성하고 GitHub 소스코드 Clone 받아오기

• .env는 .gitignore에 추가 필수! -> EC2에서 .env 파일 만들어주기

2) RDS 연결하기

• DBMS는 PostgreSQL을 사용하였고, ORM으로 Prisma를 사용했다.

3) 도메인 적용시키기 (Route 53)

4) ELB를 활용해서 HTTPS 적용시키기

 

2. 프론트엔드 웹 페이지 배포 과정

1) EC2에 GitHub 소스코드 Clone 받아오기

2) 웹 페이지를 S3, CloudFront를 활용해서 배포하기

• vercel로 배포하는 것과 비교해볼 예정이다.

3) 도메인 적용시키기

4) ELB를 활용해서 HTTPS 적용시키기

 

3. 테스트

프론트엔드와 백엔드 API서버가 통신하는 로직이 배포 환경에서도 제대로 동작하는지 확인한다.