[SpringBoot] 인스타그램 API를 이용해 인스타 Feed 데이터 들고오기

인스타 피드데이터를 들고와서 프런트 페이지에 뿌려주는 작업을 했다 하면서 막혔던 부분을 해결한 방법과

어떻게 들고오는지에 대한 자료가 많이 없었기에 글을 정리해서 남겨놓으려고 한다

인스타그램 api에 연결하여 해당 아이디에있는 Feed(게시글) 데이터를 들고 오는 작업을 정리해보겠습니다.

 

1. 코드를 받아와 토큰을 받고 장기토큰으로 바꾸는 방법

2. access_token을 이용하여 바로 들고오는 방법

이 두가지 방법이 어떠한 차이가있는지는 아직 자세히 모르지만 추 후 알게되거나하면 업테이트 하겠습니다

 

준비 사항
- 페이스북 아이디

- 인스타 아이디

(FaceBook 계정 연결 필수!!!)

 

필요 기술

- 스프링부트 RestTemplet

 

1. 인스타그램 계정을 프로페셔널 계정으로 전환을 먼저해야합니다.

 

그 후 계정프로필모양을 누른 후 설정을 누릅니다.

 

자료 출처 : https://tonhnegod.tistory.com/245

프로페셔널 계정으로 전환 클릭 후 해당되는 카테고리를 선택합니다 그 다음 크리에이터 or 비즈니스 중 선택

(선택하는 부분은 따로 중요하지않다고 합니다)

FaceBook에 연결을 꼭 해야지 된다고 하니 꼭 연결을 진행해주세요

 

이 이미지로 나온다면 프로페셔널 계정으로 전환 성공

2. 페이스북 개발자 페이지 접속 후 로그인하기 -> 내 앱 클릭

들어간 뒤 

앱 만들기를 클릭합니다.

그러면 앱 유형 선택창이 뜨는데 맞는 유형을 선택하시면 됩니다.

저는 단순 피드 데이터를 들고와 출력하는 것이 필요하였기 때문에

소비자를 선택했습니다.

 표시이름을 입력 후 앱 연락처 이메일을 작성해줍니다.

 

이후 비지니스 관리자 계정(FaceBook 연동 이유)을 클릭한 후 앱만들기를 클릭해줍니다.

그 다음 제품추가를 누른 후 

인스타그램 베이직 디스플레이를 설정해줍니다 (단순 데이터를 들고오기위해 베이직 디스플레이를 선택했습니다)

 

새앱 만들기 클릭

앱 만들기 클릭 

이 화면이 뜨면 앱 ID와 시크릿 코드를 잘 메모해둡니다. 

유효한 OAuth 리디렉션 URI (여기서 무조건 https (SSL)적용이 되어 있는 콜백주소여야합니다)
통신 후 콜백을 받을 서버 주소를 적어둡니다 

ex) https://localhost:8080/insta/code

ex) https://localhost:8080/insta/cancel

ex) https://localhost:8080/insta/delete

 

다 작성을 하였다면 변경내용 저장을 눌러주세요 

 

이 후 왼쪽 사이드바 메뉴에서 역할을 클릭해줍니다. 

데이터를 들고올 해당 아이디를 검색 후 제출을 눌러주세요. 이 후 다시 인스타로 돌아갑니다

아까 프로페셔널 설정을 했던 마이 설정페이지로 가서 앱 및 웹사이트를 클릭합니다. 

그리고 테스터 초대를 클릭해주세요 

수락 클릭을 하면 준비는 완료되었습니다!!

대기중이 사라지게됩니다 . 

다음시간부터 스프링부트 서버를 이용한 인증 코드 발급요청을 정리해보겠습니다.