조각조각 노트 정리

[Git & Github]Github에 올리기 전, 외부 API key 숨기기 본문

Git & GitHub

[Git & Github]Github에 올리기 전, 외부 API key 숨기기

sun0sun 2023. 6. 28. 21:57

사용자의 위치를 받아와서 날씨 정보를 뿌려주는 작업을 하면서 외부 API를 사용하게 되었다.
개인 github이지만 publish 레파지토리에 올릴 코드라서 해당 API key를 숨기는 작업을 하고자했다.

한줄만 숨기려고 했기 때문에 .env나 node.js를 사용하지 않고, gitignore 파일을 생성해 git에 추가되지 말하야 되는 파일을 정의하였다.

1. apikey.js 파일을 만들어 key 값을 객체에 넣는다.

const config = { apikey : ~API key~ }

2. index.html 에 해당 apikey.js 파일 연결

3. API 값이 쓰이는 파일의 코드에 상수로 할당.

const WEATHER_API = config.apikey;

4. .gitignore 파일을 생성하고 apikey.js 파일명 작성.