개발노트

개발 관련된 기록을 남기기 위한 게시판입니다.

Profile
xeant

2020.04.03

구글 캘린더 API 설정 방법

조회 수 296 추천 수 0

구글 캘린더 API활성화

 

구글 캘린더 모듈을 설치하신 후, 구글 API를 연결, API활성화를 시켜주셔야 합니다.  구글 캘린더 모듈의 첫페이지의 아래 값을 입력해주세요

9316e4a3df7cf080997195189ab9f7b2.png

그럼, 입력하는 방법을 설명하도록 하겠습니다.  우선 구글 API 설정 사이트로 접속 합니다. 

https://code.google.com/apis/console/

 

 

프로젝트 생성

 프로젝트를 생성 하신 후, 구글 캘린더 API를 활성화 시켜 주셔야 합니다.  대시보드에서 "API 및 서비스 사용 설정"을 클릭하거나,  아래 페이지로 접속 합니다. 

 https://console.developers.google.com/apis/library

 

접속후 검색에 "google calendar" 입력후  왼쪽의 Google Calendar API 를 클릭후, 활성화(사용설정) 시켜줍니다. 

 

a460a6c0c1bf6451965ac51f025c8991.png

 

API 키 , OAuth 클라이언트 ID 

프로젝트를 생성후, 메뉴 - API및 서비스 - 사용자 인증 정보를 들어갑니다.  우리는 아래, API키, OAuth 클라이언트 ID값을 발급받을 예정입니다. 

 

OAuth.png

 

 

먼저 사용자 인증정보 만들기 - API키를 발행받a460a6c0c1bf6451965ac51f025c8991.png

 

 

 

습니다.  그런 후에, OAuth 인증을 클릭 하게 되면 OAuth 사용자 인증 정보를 입력하라는 아래 창이 뜨게 됩니다.  아래 네모 박스의 제품 이름값은 필수이며, 나머지 값은 필수 사항은 아닙니다.  그런후에, 저장을 클릭합니다. 

 

OAuth 클라이언트 ID만들기를 누른후, 아래처럼 기타 항목을 선택, 이름 입력후 생성을 클릭합니다. 

ce48c0c54cc02ffe3985dc01deeaf175.png

아래 그림처럼 떠야 정상입니다. API, OAuth 2.0 클라이언트 ID 값이 정상 발행된것을 확인 하실 수 있습니다.  API키의 느낌표는, 보안관련 설정을 해주시면 사라지게 됩니다.(사용 접속 사이트 제한 등등) 

 

b164865c2b6d3be70b619e20e259096f.png

 

하지만, 클라이언트 Secret 값이 보이지 않습니다. 기타 클리이 언트 ID값을 클릭하시게 되면 Secret(클라이언트 보안 비밀)값 을 확인 하실 수 있습니다. 아래 그림 처럼말입니다.

 

 

51ccb11b4f0835cac20d0e1988a2c068.png

 

Refresh Token 발행하기

자, 이제 필요한 값은 모두 확보가 되었습니다. 다시, 구글 캘린더 모듈의 설정 페이지로 돌아옵니다.  두 번째 탭, 구글 AUTH 인증 탭을 클릭후, 알고 있는 값들을 채워주세요.  하지만 우리는 아직 auth coderefresh_token값을 알지못합니다. 이 값은 우리가 알고 있는 값으로 다시 구글을 통해 발급받아야 합니다. 우선 입력후 refresh token 발행버튼을 눌러주세요

 

d01e8ecd7a048ef1acb8ddfee545906e.png

 

새 창이 뜨면서  계정로그인 절차를 거칩니다. 다시금 동의를 구합니다. 처음 Auth 인증화면을 만들었던 이유는 여기서, 동의를 얻기 위함이였습니다. 

 이 동의를 통해서 웹사이트에서 캘린더의 일정을 삽입, 수정, 삭제가 가능해집니다. 

 

d752dc04ffc04976090c3c548aea9465.png

허용을 누른후, 아래 페이지의 값을 복사합니다.  이 값이 바로, auth code값입니다. 이 값을 구글 AUTH 인증 탭에 auth code값에 입력후 다시 refresh token 발행 버튼을 눌러줍니다. 

cc63e23bb353a9620696a681e4ae48df.png

 

 

 

 

위 과정을 거치신후, 구글 캘린더 모듈을 통해 캘린더에 일정을 추가 및 수정 삭제가 가능하게 되십니다.  댓글혹은 문의남기실 수 있습니다. 

 

9316e4a3df7cf080997195189ab9f7b2.png

 

Profile
0
Lv

0개의 댓글

Profile
번호 제목 글쓴이 날짜 조회 수
공지 [sendboard] sendboard 1.1 profile xeant 2020.04.24 124
공지 [sendcore] sendcore 1.2.0 profile xeant 2020.04.08 212
11 미디어 쿼리 profile xeant 2020.04.24 21
10 XE 데이터 이전툴 버그 profile xeant 2020.04.16 80
9 [sendboard] sendboard 1.0 profile xeant 2020.04.08 190
8 XE 데이터 이전툴 (사용자 정의, 확장 변수) 데이터 이전 버그 픽스 profile xeant 2020.04.03 88
7 가맹점 목록을 보여주는 지도 스킨 profile xeant 2020.04.03 98
6 일일 접속자 수 카운터 위젯 ( 숫자가 카운트 됩니다) profile xeant 2020.04.03 114
5 구글 캘린더 공유 하기 profile xeant 2020.04.03 107
4 구글 캘린더 모듈 트리거 설정 profile xeant 2020.04.03 96
구글 캘린더 API 설정 방법 profile xeant 2020.04.03 296
2 구글 캘린더 1.2 profile xeant 2020.04.03 86
1 PG사 결제 모듈(아임포트) profile xeant 2020.04.03 122