[API] 인스타그램 로그인 구현 방법

사전 준비

메타 디벨로퍼 회원가입 + 로그인

https://developers.facebook.com/

소셜 테크놀로지 | Meta for Developers

 

시작하기

https://developers.facebook.com/apps

Meta for Business(이전 명칭: Facebook for Business)

메타 디벨로퍼 > 앱 접속

오류 뜨면 우측 상단에 '내 앱' or '로그인' 클릭

아무튼 아래 이미지처럼 뜨는 곳으로 가기

이후 아래 과정을 따라가기

'앱 만들기' 클릭

앱 이름 설정

이용 사례는 '기타'로 설정

앱 유형은 '비즈니스'로 설정 (중요)

앱 정보 확인 후 '앱 만들기' 클릭

인스타그램 제품 추가

못 찾겠으면 좌측 사이드바 '제품 추가' 클릭

사이드바 > 인스타 > 인스타 로그인이 포함된 api 설정

인스타그램 로그인 후 토큰(code)을 받을 리다이렉트 URL 입력

필자는 인스타그램 로그인을 구현할 서비스의 URL을 입력함

사이드바 > 앱 역할 > 역할 > 사람 추가 클릭

테스트 계정으로 등록할 인스타그램 계정 닉네임으로 검색 후 추가

'앱 및 웹사이트' 클릭

로그인 후 '테스터 초대' 탭에서 '수락' 클릭

테스트 계정 추가 완료

 

요약. 테스트를 위해 아래 조건이 충족되어야함

1. 테스트 계정을 추가해야함
2. 테스트 계정에서 테스터 초대를 수락해야함
3. 테스트 계정은 인스타 계정이어야함(페이스북으로 연동하여 인스타 가입한 계정은 불가)
4. 테스트 계정은 '프로페셔널 계정'이어야함

 

인스타 로그인 링크 복사

주소창에 복붙

인스타 로그인 창이 나온다면 절반은 성공

이 때, 로그인 후 프로페셔널 계정으로 변환 관련 창이 뜨면 프로페셔널 계정으로 변환해야함

프로페셔널 계정 변환 후 다시 똑같은 링크로 접속하면 액세스 허용 창이 뜸

허용 클릭

기존에 설정한 리다이렉트 URL 로 리디렉션 되며 토큰(code)가 발급됨

이 code값으로 단기 액세스 토큰과 장기 액세스 토큰을 발급 받을거임

* 단기 액세스 토큰 : 수명 1시간짜리 토큰 (code 값으로 발급 가능)
* 장기 액세스 토큰 : 수명 60일짜리 토큰 (단기 액세스 토큰 값으로 발급 가능)

 

단기 액세스 토큰 얻기

🚨 요청 URL 복사 시 띄어쓰기 주의

POST
https://api.instagram.com/oauth/access_token

client_id : 앱 ID (페이스북 디벨로퍼 > 앱 에서 확인)
client_secret : 앱 시크릿 코드 (페이스북 디벨로퍼 > 앱 에서 확인)
grant_type : authorization_code (고정값)
redirect_uri : 리다이렉트할 URL
code : 아까 URL에 있던 CODE 값

위 값은 Body로 전송

POST 요청하면 단기 액세스 토큰을 응답으로 줌

 

장기 액세스 토큰 얻기

🚨 요청 URL 복사 시 띄어쓰기 주의

GET
https://graph.instagram.com/access_token
?grant_type=ig_exchange_token
&client_secret=abcd1234
&access_token=qwer1234


grant_type : ig_exchange_token (고정값)
client_secret : 앱 시크릿 코드 (페이스북 디벨로퍼 > 앱 에서 확인)
access_token : 단기 액세스 토큰 값

GET 요청하면 장기 액세스 토큰을 응답으로 줌

이걸 사용자 쿠키에 저장 ㄱㄱ

 

사용자 정보 가져오기

🚨 요청 URL 복사 시 띄어쓰기 주의

GET
https://graph.instagram.com/v23.0/me
?fields=id,user_id,username,name,account_type,profile_picture_url,followers_count,follows_count,media_count
&access_token=qwer1234


fields : 응답 받을 사용자 정보 종류
access_token : 장기 or 단기 액세스 토큰

 

끝.