인스타그램 API – ACCESS TOKEN 발급받기

2017. 7. 9 By 김민서 In 개발 이야기

인스타그램 OPEN API사용을 위한
Client 등록 및 Access Token발급방법을 소개합니다.

문제

최근 블로그나 홈페이지에 자신의 인스타그램 사진을 불러와 보여주는 일이 잦아지고 있습니다.
인스타그램 OPEN API를 사용하면 내 계정이나 특정 해쉬태그, 특정위치의 사진을 불러올 수 있는데, 이를 위해서는 Access Token을 발급받아야합니다. (Authentication 방식)
인스타그램 API를 사용하기위해 Access Token을 발급받는 방법을 알려드립니다.

발급방법

1. 인스타그램 개발자 센터에 접속하여 새 클라이언트를 등록합니다.

https://www.instagram.com/developer/로 접속하여 로그인한 후, Manage Clients -> Register a New Client로 이동하여 인스타그램을 연동할 새 클라이언트를 등록합니다.
(Access Token을 발급받기 위해서는 Client ID가 필요하기 때문에 반드시 클라이언트 등록과정을 거쳐야합니다.)

2. 클라이언트 정보를 입력합니다.

[Details]탭에서 자신의 홈페이지 기본 정보를 입력합니다.
Website URL과 Valid redirect URIs은 http://를 포함한 본인의 실제홈페이지 주소를 입력해주세요.

[Security]탭에서 Disable implicit OAuth체크박스를 해제(인스타그램 데이터를 전체공개로 웹사이트에 삽입할 수 있도록하기 위함)한 후, 클라이언트 등록요청을 합니다.

3. 등록된 클라이언트의 정보를 확인합니다.

Manage Clients 페이지로 이동하면 등록한 클라이언트 정보를 확인할 수 있습니다.
리스트에서 [MANAGE]버튼을 클릭하여 상세페이지로 이동합니다.
상세페이지에서 제공되는 Client ID와 REDIRECT-URI정보를 메모해둡니다.

4. Access Token 발급받기.

아래의 URL을 복사한 후, CLIENT-ID와 REDIRECT-URI칸에 위에서 메모해둔 자신의 Client ID와 REDIRECT-URI를 입력하신 후 엔터를 누르면 TOKEN값이 반환됩니다.

https://api.instagram.com/oauth/authorize/?client_id={CLIENT-ID}&redirect_uri={REDIRECT-URI}&response_type=token

참고

CODE 발급

Client-Side가 아닌 Server-side단에서 인스타그램 데이터를 제어할 경우 Access Token대신 CODE값을 요구합니다.
Access Token을 얻는 방법과 동일하게 아래의 URL을 복사후, CLIENT-ID와 REDIRECT-URI칸에 메모해둔 자신의 Client ID와 REDIRECT-URI를 입력하신 후 엔터를 누르면 CODE값이 반환됩니다.

https://api.instagram.com/oauth/authorize/?client_id={CLIENT-ID}&redirect_uri={REDIRECT-URI}&response_type=code

User ID 확인

인스타그램 연동을 도와주는 jQuery플러그인을 사용하다보면 인스타그램 User ID를 요청하는 경우가 있습니다.
이 경우 인스타그램 User ID 확인사이트로 접속하여, 인스타그램 계정의 UserName을 입력하신 후 'Get Instagram User ID' 버튼을 누르시면 쉽게 해당 계정의 User ID를 확인할 수 있습니다.