JavascriptでAPIキーを隠す方法

.envやnodejsを使わずに隠す方法

• apikey.js ファイルをプロジェクトフォルダのrootに作成

  • 例）project/apikey.js

• ./apikey.js 内に記述

  const config = {  
    apikey : "APIkeyを記述"  
  }
  	

• index.html 内に記述

  • <script type="text/javascript" src="apikey.js"></script>

• 使用側のファイルで記述

  • const WEATHER_API_KEY = config.apikey;
  • console.log(WEATHER_API_KEY) ← ブラウザで確認できる。

• 重要ポイント

  • プロジェクトフォルダのrootに.gitignoreファイルを生成し同じrootにあるapikey.jsをgitから除外すること。
    • project/.gitignore
      • apikey.js　を記述

これでnode.jsや.envを使わずに簡単に隠すことができる。

---

---

Javascript에서API키를 숨기는 방법

.env나nodejs를 사용하지 않고 숨기는 방법

• apikey.js 파일을 프로젝트의 루트에 생성

  • 예）project/apikey.js

• ./apikey.js 안에 작성

  const config = {  
    apikey : "이곳에 apikey를 작성"  
  }
  	

• index.html 안에 작성

  • <script type="text/javascript" src="apikey.js"></script>

• 사용할 파일에서 작성 /weather.js

  • const WEATHER_API_KEY = config.apikey;
  • console.log(WEATHER_API_KEY) ← 브라우저에서 확인가능

• 중요포인트

  • 프로젝트 폴더의 루트에.gitignore파일을생성해서apikey.js를 git 푸시할때 제외시켜야한다.
    • project/.gitignore 파일 안에
      • apikey.js　<- 을 써놓는다.

이걸로 간단히 nodejs나 .env파일을 이용하지않고 브라우저에서 확인가능하다.