【Circle CI】 Nuxt.js의 dotenv를 설정하여 환경 변수를 STG와 PRD로 나누기

Nuxt.js에서 자동 배포 할 때 STG와 PRD를 분리

현재 개발 프로젝트에서는 Nuxt.js를 이용하고 있으며 Circle CI를 사용하여 GKE에 자동 배포를 하고 있습니다.

참고 : htps : // 코 m / 아 r r _ 후레 레이 g / ms / 6 아 c67596 아 98c0 아 60d6

다만, 환경 변수를 STG와 PRD로 나누기에는 불충분한 순서였기 때문에, 비잊을 위해 새롭게 기사를 쓰기로 했습니다.

Circle CI에서 환경 변수를 STG 및 PRD용으로 설정

Environment Variables에서 STG와 PRD를 위해 만든 환경 변수를 .env 파일에 쓰는 포석을 친다.

따로 나누면 이름은 아무래도 좋습니다만, 이하의 명명 규칙으로 했습니다.

STG 환경에서 사용되는 환경 변수 => STG_環境変数名

PRD 환경에서 사용하는 환경 변수 => PRD_環境変数名

Nuxt.js의 .env에 환경 변수를 쓰는 명령

Nuxt.js의 CSR시 API의 방향과 SENDGRID의 API KEY를 STG와 PRD로 나눌 때 다음 명령을 썼습니다.

ECHO = echo

inject_envfile_stg:
    $(ECHO) API_URL_BROWSER=${STG_API_URL_BROWSER} > .env
    $(ECHO) SENDGRID_API_KEY=${STG_SENDGRID_API_KEY} >> .env
inject_envfile_prd:
    $(ECHO) API_URL_BROWSER=${PRD_API_URL_BROWSER} > .env
    $(ECHO) SENDGRID_API_KEY=${PRD_SENDGRID_API_KEY} >> .env

※Makefile을 사용하고 있습니다.

참고 : htps : // 코 m / 아 r r _ 후레 레이 g / ms / 6 아 c67596 아 98c0 아 60d6

아래의 기사를 참고로 했습니다.

참고 : htps : // bぉg - 헤 ぉ - rld. 음 b. 아 p/포 sts/2019-12-07-없는 xt 도텐 v