프로덕션 준비하기

이제 풀스택 서버리스 앱을 만드는 기본 사항을 살펴봤으니, 프로덕션 환경에 배포할 준비가 되었습니다.

프로덕션 환경에 배포하기

이제 앱을 프로덕션 환경에 배포할 차례입니다. SST와 React의 로컬 개발 환경은 중지해도 됩니다.

프로젝트 루트에서 다음 명령어를 실행하세요.

$ npx sst deploy --stage production

이 명령어는 앱을 완전히 새로운 환경에 배포하기 때문에 몇 분 정도 걸립니다. 앱을 활발히 개발하는 동안 사용자에게 영향을 주지 않기 위해 별도의 프로덕션 환경에 배포하는 것을 기억하세요. 이렇게 하면 로컬 개발 환경과 프로덕션 환경이 분리됩니다.

배포가 끝나면 다음과 같은 결과를 볼 수 있습니다.

+  Complete
   Api: https://7qdwu0iuga.execute-api.us-east-1.amazonaws.com
   Frontend: https://d1wyq16hczgtjw.cloudfront.net
   ...

프로덕션 환경에서 시크릿 설정하기

프로덕션 환경에서도 시크릿을 설정해야 합니다. 이전에 로컬 스테이지에서 시크릿을 설정했던 것과 동일한 작업을 진행하겠습니다.

이번에는 production 환경에 대해 동일한 작업을 수행합니다.

프로젝트 루트에서 다음 명령어를 실행하세요.

$ npx sst secret set --stage production StripeSecretKey <YOUR_STRIPE_SECRET_TEST_KEY>

npx sst secret list --stage production 명령어를 실행하면 프로덕션 환경의 시크릿 목록을 확인할 수 있습니다.

이제 풀스택 서버리스 앱이 거의 준비되었습니다. 프로덕션 버전을 직접 테스트해 볼 수 있습니다.

커스텀 도메인

현재 API는 API Gateway에서 자동 생성된 엔드포인트에 있습니다.

https://5bv7x0iuga.execute-api.us-east-1.amazonaws.com

그리고 프론트엔드 React 앱은 자동 생성된 CloudFront 도메인에 호스팅되어 있습니다.

https://d3j4c16hczgtjw.cloudfront.net

이제 이들을 우리만의 도메인에 호스팅하려고 합니다. 다음으로 이를 살펴보겠습니다.