웹 페이지에 인스타그램 계정 연동 실습 내용을 글로 남김.
준비물
- 페이스북 개발자 계정
- 인스타그램 api 를 쓰기 위해 필요.
- 접근하고자 할 인스타그램 계정.
- 단, 해당 계정은 프로페셔널 계정이어야 한다.
api 사용 준비 준비1
api 를 준비하기전 페이스북 개발자 페이지에서
설정 -> 기본 설정의
다음 내용들을 '모두' 채워야 한다. (카테고리, 앱 아이콘 까지)
개인정보처리방침URL, 상요자 데이터 삭제, 서비스 약관URL 은 실제 존재하는 페이지가 필요하고,
모두 같은 주소로 채우면 된다.
맨 밑에서 Website 플랫폼을 선택하고,
위에서 채운 URL 과 동일한 주소로 채운후 변경 내용을 저장하면 1차 준비 끝.
api 사용 준비 준비2
Instagram 기본 표시 제품을 추가해준다.
기본 표시로 들어와서 마찬가지로 3개의 동일한 주소가 필요한데 이때는 임의의 주소로 설정해도 api사용에 지장이 없었다.
api 사용 준비
이제 인스타그램 api 를 사용준비를 위한 준비준비가 끝났다.
실제 사용자 정보에 접근 하기전 사용자(개발자) 인증이 필요한데
다음과 같이 GET 요청을 직접 주소창으로 날리면 사용자 인증 토큰을 발급 받을 수 있다.
https://api.instagram.com/oauth/authorize
?client_id={앱 ID}
&redirect_uri=https:{유효한 OAuth 리디렉션 URI}
&scope=user_profile,user_media
&response_type=code
{} 표기된 정보는
여기서 확인 가능하다.
아니면 접근 계정 추가후 자동으로 발급도 가능하다. 단, 접근 하고자 하는 계정이 테스터 초대 요청을 수락해야 한다. 굳이 위 방법 필요없이 버튼만 누르면 토큰이 발급 된다.
여기까지 했다면. 인스타 계정에 접근할 준비가 끝났다.
api 사용
이제 실제 api 를 통해 데이터를 가져온다.
api 주소는 다음과 같다 (GET)
https://graph.instagram.com/_me_/media?**fields=id,caption**&access_token={인증토큰....}
굵게 처리된 부분은 해당 계정으로부터 가져올 데이터의 범위를 설정한다.
단 조건은 https://graph.instagram.com/_me_/media? 이처럼
me/media? 이후에 설정해야 한다.
필드의 범위는
id : 해당 미디어 고유 아이디
media_type: 이미지, 동영상, 앨범 등
caption: 게시물에 등록한 글
permalink: 해당 게시물로 이동할 수 있는 링크
media_url: 해당 게시물의 이미지 (앨범인 경우는 맨 앞 이미지만)
username: 사용자 아이디
fields 가 비어있으면 미디어 아이디값만 가져온다.
특정 게시물만 조회하기
특정 게시물에 대한 정보를 가져오기 위해선 api 주소가 약간 변경이 되는데
{media-id}?fields={fields}&access_token={access-token}
me 에 해당했던 부분인 media-id는 내가 가져오고 싶은 미디어의 고유 아이디값,
나머지 fields, acces-token은 그대로 입력 하면된다.
앨범 내용 조회하기
여러장의 사진을 게시한 앨범은 다음과 같이 요청 할 수 있다.
{media-id}?children?fields={fields}&access_token={access-token}
children 값이 추가되고, 나머지는 동일하다.
단, fields 에 catption 정보를 추가하면 오류가 발생한다.
