javascriptでapiキーを隠す方法

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파일을 이용하지않고 브라우저에서 확인가능하다.

コメント

このブログの人気の投稿