.env Nuxt.js + Heroku에서 환경 변수가 통과하지 않을 때의 확인 사항 heroku 로 환경 변수가 잘 통과하지 않았던 적이 있었으므로 자신용으로 메모. nuxt.config.js 에서 확인할 수 있습니다. Firebase의 경우 value 는 'abc' 이면 통과하지 않을 수 있습니다.abc 라고 하는 쓰는 방법이 되어 있는지 체크해 봅시다. webpack 등을 사용하는 경우 heroku에서 환경 변수를 설정한 후 다시 컴파일해야 합니다. 재부팅에서는 안되는 ... 경 6Firebasenuxt.js환경 변수.env 【Circle CI】 Nuxt.js의 dotenv를 설정하여 환경 변수를 STG와 PRD로 나누기 현재 개발 프로젝트에서는 Nuxt.js를 이용하고 있으며 Circle CI를 사용하여 GKE에 자동 배포를 하고 있습니다. 참고 : 다만, 환경 변수를 STG와 PRD로 나누기에는 불충분한 순서였기 때문에, 비잊을 위해 새롭게 기사를 쓰기로 했습니다. Environment Variables에서 STG와 PRD를 위해 만든 환경 변수를 .env 파일에 쓰는 포석을 친다. 따로 나누면 이름은 아... CircleCIVue.jsnuxt.js.envCircleCI2.1 github actions로 .env 파일 덮어 쓰기 github actions로 빌드 한 후 지정된 서버에 배포합니다. .env 파일이 지정된 서버마다 변경됩니다. secrets에 .env의 내용을 등록하고, 이용하고 싶습니다만, 잘 되지 않고, 시행착오했습니다. .env 내용을 base64 인코딩하고 serects에 등록하고 action 스크립트 내에서 base64 디코딩을 사용합니다. 이 파일의 내용을 secrets에 등록한다. 참고 문헌... GitHubActions.envGitHub Expiration and Secrets Name,Value,Domain,Path,Expires / Max-Age가 있다. 그리고 Size,HttpOnly,Secure,SameSite,Priority등이 있다. 쿠키에 sign하는 이유는 백엔드가 쿠키를 줬다는걸 보여주기 위함이다. 왜냐하면 session hijack(납치)라는 공격유형이 있다. 이걸 잘 보호햐아 하는데 누군가 쿠키를 훔쳐서 마치 그 사람인척 할수 있다. 이 stri... MaxAgemongodbmongoosenode.js.envJavaScriptdomainsecret.env [Github Actions] React .env 생성 .env가 .gitignore에 포함되어있다면 github actions에서 build하고 배포할 때 해당 내용이 추가되지 않습니다. 예를 들어 위의 코드에서 env파일을 포함하지 않고 build를 한다면 process.env.REACT_APP_GOOGLE_CLIENTID 가 없기 때문에 runtime에서 오류가 발생하게 됩니다. 오류를 없애기 위해서는 yml 파일에서 .env를 생성하는 s... .envcigithub actionscd.env AWS Parameter store 파라미터 생성 이름 /development/.env MYSQL_HOST="database.url" MYSQL_USER="admin" MYSQL_PASS="pass" MYSQL_NAME="name" 사용 권한 IAM에서 다른유저 사용할 경우 등록할 정책이 없음 ( ssmFullAccess 권한 줘도 auth error ) -> 정책 만들어서 유저에 등록... paramAWS CLI.envaws.env
Nuxt.js + Heroku에서 환경 변수가 통과하지 않을 때의 확인 사항 heroku 로 환경 변수가 잘 통과하지 않았던 적이 있었으므로 자신용으로 메모. nuxt.config.js 에서 확인할 수 있습니다. Firebase의 경우 value 는 'abc' 이면 통과하지 않을 수 있습니다.abc 라고 하는 쓰는 방법이 되어 있는지 체크해 봅시다. webpack 등을 사용하는 경우 heroku에서 환경 변수를 설정한 후 다시 컴파일해야 합니다. 재부팅에서는 안되는 ... 경 6Firebasenuxt.js환경 변수.env 【Circle CI】 Nuxt.js의 dotenv를 설정하여 환경 변수를 STG와 PRD로 나누기 현재 개발 프로젝트에서는 Nuxt.js를 이용하고 있으며 Circle CI를 사용하여 GKE에 자동 배포를 하고 있습니다. 참고 : 다만, 환경 변수를 STG와 PRD로 나누기에는 불충분한 순서였기 때문에, 비잊을 위해 새롭게 기사를 쓰기로 했습니다. Environment Variables에서 STG와 PRD를 위해 만든 환경 변수를 .env 파일에 쓰는 포석을 친다. 따로 나누면 이름은 아... CircleCIVue.jsnuxt.js.envCircleCI2.1 github actions로 .env 파일 덮어 쓰기 github actions로 빌드 한 후 지정된 서버에 배포합니다. .env 파일이 지정된 서버마다 변경됩니다. secrets에 .env의 내용을 등록하고, 이용하고 싶습니다만, 잘 되지 않고, 시행착오했습니다. .env 내용을 base64 인코딩하고 serects에 등록하고 action 스크립트 내에서 base64 디코딩을 사용합니다. 이 파일의 내용을 secrets에 등록한다. 참고 문헌... GitHubActions.envGitHub Expiration and Secrets Name,Value,Domain,Path,Expires / Max-Age가 있다. 그리고 Size,HttpOnly,Secure,SameSite,Priority등이 있다. 쿠키에 sign하는 이유는 백엔드가 쿠키를 줬다는걸 보여주기 위함이다. 왜냐하면 session hijack(납치)라는 공격유형이 있다. 이걸 잘 보호햐아 하는데 누군가 쿠키를 훔쳐서 마치 그 사람인척 할수 있다. 이 stri... MaxAgemongodbmongoosenode.js.envJavaScriptdomainsecret.env [Github Actions] React .env 생성 .env가 .gitignore에 포함되어있다면 github actions에서 build하고 배포할 때 해당 내용이 추가되지 않습니다. 예를 들어 위의 코드에서 env파일을 포함하지 않고 build를 한다면 process.env.REACT_APP_GOOGLE_CLIENTID 가 없기 때문에 runtime에서 오류가 발생하게 됩니다. 오류를 없애기 위해서는 yml 파일에서 .env를 생성하는 s... .envcigithub actionscd.env AWS Parameter store 파라미터 생성 이름 /development/.env MYSQL_HOST="database.url" MYSQL_USER="admin" MYSQL_PASS="pass" MYSQL_NAME="name" 사용 권한 IAM에서 다른유저 사용할 경우 등록할 정책이 없음 ( ssmFullAccess 권한 줘도 auth error ) -> 정책 만들어서 유저에 등록... paramAWS CLI.envaws.env