[Tips] 인스타그램 연동을 위한 client ID 및 Access Token 발급 받기

인스타그램과 연동을 위해서는 인스타그램 ‘client ID’와 ‘client secret key’가 필요합니다.

이 ID 및 Key 구하는 설명서를 찾아 적용했는데 그 설명서가 너무 복잡해서 오히려 혼란스러워서 간단 버젼으로 재정리해 보았습니다.

Divi 테마에서 같이 제공하는 있는 Monarch라는 Social Sharing 플러그인이 괜찮아보여서 테스트삼아 적용하는 과정에 인스타그램 ‘client ID’와 ‘client secret key’가 필요하더군요.

이번 포스팅은 아래 두가지 글을 토대로 작성되었습니다.

How to get Instagram Client ID and Client secret details?

How to generate an Instagram Access Token

Table of contents 목차 보이기

1. 인스타그램 client ID 및 client secret key 구하기

그러면 인스타그램 client ID 및 client secret key를구하는 방법에 대해서 살펴보도록 하겠습니다.

이 방법은 매우 쉬워서 1~2분내 에 끝날 간단한 작업입니다. 간단하게 순서대로 적어보면

인스타그램에 로그인
인스타그램 디벨러퍼 사이트로 이동 https://instagram.com/developer/
맨위 오른쪽에 있는 “Manage Clients” 클릭
“Register a New Client” 클릭
New Client 등록을 위한 제반 정보를 입력 후 등록버튼 클릭
완료

아래 각 단계별 이미지를 조금 상세하게 설명해 봅니다.

1.1. 인스타그램에 로그인

각자 아는 방법으로 인스타그램에 로그인 합니다.

1.2. 인스타그램 디벨러퍼 사이트로 이동

인스타그램에 로그인했다면 바로 인스타그램 디벨러퍼 사이트로 이동합니다.

인스타그램 디벨러퍼 사이트 주소는 https://instagram.com/developer/이니 여기를 클릭해서 이동하면 됩니다.

1.3. Manage Clients 클릭

인스타그램 디벨러퍼 사이트로 이동해다면 사이크의 맨위 오른쪽에 있는 “Manage Clients” 버튼을 클릭해 이동합니다.

그러면 Manage Clients List가 뜨는데요.
물론 한번도 등록하지 않는 사람들에게는 아무런 List도 뜨지 않습니다.
저는 test용으로 Manage Clients를 하나 등록해 놓았더니 그 등록했던 게 List로 보여진 것입니다.

1.4. Register a New Client

자, 새롭게 New Client를 등록하기 위해서는 당연히 오른쪽 위에 있는 Register a New Client 버튼을 클릭합니다..
그러면 New Client 등록을 위한 제반 정보를 입력할 수 있는 폼이 나옵니다.
이 입력 폼에 필요 제반 정보를 입력 후 등록버튼 클릭합니다.

일반 상식에 준해서 입력하면 되는데요.
여기서 신경써야할 부분이 Valid redirect URLs 부분입니다. 이 부분은 반드시 다른 주소를 쓰지말고 “http://localhost“ (without quotes)를 쓰라고 합니다.

보안때문이라고 하는데요. 아래 문구를 참조하시기 바랍니다.

The reason you should use localhost is for security. In computer networking localhost is the web address of the computer you are using. So when Instagram redirects to your redirect_uri, all of your sensitive information is passed from Instagram’s servers directly to your computer. See wikipedia.org/wiki/Localhost for more details.