[javascript] API key 숨기기

나쿠크·2023년 1월 7일
1

🚨 자신의 api key를 그대로 노출하면 개인정보유출 위험이 있다 🚨
그래서 api key를 안전하게 숨겨서 github에 파일을 업로드하는 방법을 알아보겠음(。•̀ᴗ-)✧


  • 1 apikey.js 파일 하나를 생성해줌 (아무이름이나 OK)
const config = {
	apikey: "api키"
}

  • 2 html에서 파일 연결해줌
<script src="apikey.js"></script>

  • 3 main.js에 가서 변수에 config로 생성해주고 url에 ${API_KEY}로 key값 대체해주기
const API_KEY = config.apikey;

  • 4 깃이그노어 파일을 생성해줍니다
$ touch .gitignore

  • 5 .gitignore 파일에 apikey.js 파일을 추가해 추적에서 제외시킵니다.
$ echo "apikey.js" >> .gitignore
$ cat .gitignore
apikey.js

깃에 푸시해주면 완료!

0개의 댓글