.env 환경변수 어떻게 사용 하나요?

Question

html, css, js 로 todo list 간단하게 만들고 거기에 현재 날씨 기능을 추가하고 github pages로 배포한 상황입니다.근데 apikey를 직접 작성하는 것 보다 프론트에서 보이지 않게 하기 위해서 apikey.js 라는 파일을 만들고 ignore 처리하고이런식으로 사용해서 로컬에서 잘 작동하길래 배포환경에서 확인했는데 ignore 처리한 것 때문에 되지 않더라구요. const config &#61; { WEATHER_API_KEY: &#34;api key&#34; }$ npm install dotenv위 명령어로는 process 를 사용할 수 없어서 웹팩을 설치하고 .env 파일 만들어서 거기에 apikey 작성하고 테스트 해봤지만 process.env 이 줄에서 읽어오지 못해서 오류가 발생합니다.const dotenv &#61; require(&#34;dotenv&#34;); dotenv.config(); console.log((process.env.WEATHER_API_KEY));위 코드를 작성하고 테스트 해봐도 여전히 똑같은데 어떻게 api key를 숨기고 정상적으로 불러올수 있을까요?

durumee · Answer

깃헙페이지는 서버가 아니어서 환경변수 사용이 안되요프론트엔드 서빙이 목적인지라 결국 프론트엔드 소스코드는 노출이 되는 구조에요

kenu,전독시 · Answer

.env 파일 위치가 어떻게 되나요?

똡빱 · Answer

bashrc라는 파일에서 관리하지 않나요

세브라이드 · Answer

환경변수를 빌드 타임에 쓰나요 런타임에 쓰나요?환경변수를 런타임에 쓰면 어차피 못숨기니까 그냥 코드에 넣으시거나 빌드타임에만 쓰도록 위치를 옮기셔야 되고요.빌드 타임에 쓰면 배포환경의 세팅 문제일 겁니다. 예를 들어 github actions로 배포중이라면 # dependencies 설치 - name: Install dependencies id: install env: NPM_TOKEN: ${{secrets.NPM_TOKEN}} run: | npm i -g yarn npm config set '//registry.npmjs.org/:_authToken' &#34;${NPM_TOKEN}&#34; yarn install 이런식으로 스크립트에 환경변수를 넣어주셔야 하고 레포 환경설정에 환경변수를 넣어줘야 합니다.

.env 환경변수 어떻게 사용 하나요?

4개의 답변

Q&A 목록