구글 API KEY생성하는 법


*google api 사용은 하루에 2,500건, 초당 10건의 요청에 한해서만 무료라고 합니다.

그 이상 사용하려면 유료로 전환해야 한다고 합니다.


1. 구글 로그인을 합니다.


3.프로젝트 등록 ( 프로젝트 만들기 > 만들기 )
최초로 들어오면 프로젝트가 없습니다.
프로젝트가 있을 경우 Google APIs 옆 프로젝트 선택에서 프로젝트 선택하면 됩니다.




프로젝트 이름을 변경하면 아래 프로젝트ID값이 변경이 됩니다.

수정 버튼을 눌러 ID값을 수정할 수 있는 것 같지만 어떠한 규칙에 의해 변경하는 것 같습니다. 저는 하지 않았습니다.


만들기 클릭



4.API 및 서비스 사용 설정
방금 만든 프로젝트 (My project01) 선택된 모습이 보입니다.
API 및 서비스 사용 설정 클릭


이런 API 선택 창이 뜨는데, 왼쪽 사이드 바에서 사용하려는 API를 선택합니다.

저는 Maps를 사용하기 위해 클릭했습니다.



만약 옆에서 찾는 것이 어렵다면.

검색 창에서 내가 사용하려는 API를 검색하면 됩니다.

저는 Maps를 사용하기 위해 Javascript maps를 검색하였습니다.


검색 결과에 나온 API 타일을 클릭해줍니다.


이동한 Maps 페이지에서 사용 설정 클릭하여 Maps Javascript API 설정 페이지로 이동합니다.


Maps 설정 페이지 인지 확인 한 번하고..


사용자 인증 정보를 클릭합니다.


API KEY를 받기 위해, 사용자 인증 정보 인증키 클릭하면 선택 항목이 보입니다.

여기서 API 키를 선택해 줍니다.


API키 생성 완료!

간단하죠? 

API 키가 보입니다.


사용자 인증 정보 페이지에 가면 API키가 만들어 진 것이 확인 가능하고 옵션 수정도 가능합니다.

여기서 노란 경고창이 뜬 이유는 애플리케이션 제한 사항을 설정하라는 부분입니다.

무시하고 사용해도 되지만 제한사항 설정을 할 경우 내가 설정한 곳 이외에서 내 인증키를 사용하지 못합니다.


5. 리퍼러 설정

API 설정에서 애플리케이션 제한 사항을 선택해줍니다.

웹에서 사용할 것이기 때문에 HTTP 리퍼러(웹사이트)를 체크하면 도메인 입력칸이 나오는데

내가 key를 사용하는 곳의 도메인 주소를 입력해줍니다.

*리퍼러를 설정 할 경우 다른 애플리케이션에서 이 키를 사용할 수 없게 합니다.



끄읕~~








'~2022 > FE-개발 개념' 카테고리의 다른 글

쿠키(Cookie)  (0) 2019.06.05
CND이란?  (0) 2019.05.16
MVC 패턴  (0) 2019.05.16
CSS를 이용해 객체 가운데 위치하기!  (0) 2018.10.29
void 0 이란?  (0) 2018.10.23
let 키워드, const 키워드  (0) 2018.10.23
ES6 매개변수 기본 정의  (0) 2018.10.16
javascript .map() 메서드를 알아보자  (0) 2018.09.17

+ Recent posts