고군분투

깃허브에 API키 비공개하기

S_sunny 2022. 9. 12. 00:25

<<1번 방법>>

1) API키를 입력한 자바스크립트 파일 만들기

파일명 : api_key.js

const config = {
	myApiKey: " //API키 입력// "
	};

 

2) html파일에 api_key.js 파일과 키를 사용하는 js.파일(weather.js) 연결(저장한 경로에 맞게)

     ** api_key.js가 먼저 불려와져야함!! **

<script src="js/api_key.js"></scirpt>
<script src="js/weather.js"></scirpt>

 

3) API키를 사용하는 js.파일에서 상수로 지정 후 불러오기.

const API_KEY = config.myApiKey;

 

4) 깃허브에 api_key.js 제외하고 업로드.

    ( .gitignore 파일에 대해서는 아직 모름..)