1. 인스타그램 API 페이지 접속 : http://instagram.com/developer/clients/manage/
2. Register a New Client 클릭
3. 어플리케이션 정보 입력
4. 발급받은 CLIENT_ID와 REDIRECT_URL을 파라미터에 추가하고 접속
https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=code
5. REDIRECT_URL로 이동되면서 출력된 code 저장
REDIRECT-URI/?code=OOOOOOOOOO
생성된 코드는 아래에서 바로 사용합니다. 4번을 다시 실행하면 새로운 코드가 발급됩니다.
6. 토큰 발급을 위해 Security 탭에 Disable implicit OAuth를 비활성화 합니다.
7. SSH에서 아래 소스를 입력해서 ACCESS_TOKKEN을 포함한 json 데이터를 얻어온다.
curl -F 'client_id=CLIENT-ID' \
-F 'client_secret=CLIENT-SECRET' \
-F 'grant_type=authorization_code' \
-F 'redirect_uri=REDIRECT-URI' \
-F 'code=CODE' \
https://api.instagram.com/oauth/access_token
8. ACCESS_TOKKEN 추출
<샘플>
{"access_token":"OOOO.OOOO.OOOOOOOOOOOO","user":{"username":"OOOOO","bio":"","website":"","profile_picture":"https:\/\/instagramimages-a.akamaihd.net\/profiles\/anonymousUser.jpg","full_name":"","id":"OOOOOO"}}
9. 토큰 발급 이후에는 보안 강화를 위해, 6번 과정에서 해제한 Security 탭에 Disable implicit OAuth를 다시 활성화 합니다.
10. ACCESS_TOKKEN을 이용해 해시태그{TAG_NAME}에 연결된 이미지 리스트를 불러온다.
https://api.instagram.com/v1/tags/TAG_NAME/media/recent?access_token=ACCESS_TOKKEN
11. Json 활용한 데이타 추출하기
관련 : http://www.publisher.name/lab/h/instagram
위 10번까지는 성공을 했는데, 11번에서 길을 헤매고 있습니다.
이와 관련해서 좋은 팁이 있으면 공유 부탁합니다.
참고자료
http://www.freezner.com/archives/994
http://data-rider.blogspot.kr/2015/08/blog-post_57.html
댓글 2개
10번 내용까지 성공하셨다면 json 형태로 웹페이지에 데이터가 표시될 것 입니다.
그 페이지를 바로 사용하기는 쉽지 않고 이 페이지를 ajax를 통해 호출받아 json을 객체 형태로 자유롭게 활용하실 수 있습니다. 핸들링하는 방법은 배열과 비슷합니다.
정리하자면 https://api.instagram.com/v1/tags/TAG_NAME/media/recent?access_token=ACCESS_TOKKEN 페이지를 직접 컨트롤 하실 수 없으며 ajax 또는 curl을 통해 페이지에 표시된 내용을 객체화 시켜야 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 12413 | |
| 12412 | |
| 12411 |
JavaScript
실시간 카운트 다운 시계 입니다.
|
| 12410 |
jQuery
jQuery, 이미지맵 마우스오버시 하이라이트 표시
|
| 12407 | |
| 12406 | |
| 12405 | |
| 12404 |
JavaScript
한번만 submit 되게 하기 입니다.
|
| 12403 |
JavaScript
영문자나 숫자만 입력 할 수 있게 하기 입니다.
|
| 12402 |
JavaScript
현재 페이지 이메일로 보내는 버튼 만들기 입니다.
|
| 12401 |
JavaScript
모바일웹에서 PC버전 링크
|
| 12400 |
JavaScript
특정 파일형태만 업로드 하기 입니다.
|
| 12399 |
JavaScript
입력 문자열 앞에 붙는 공백 제거하기 입니다.
|
| 12398 |
JavaScript
키보드 방향키로 창의 위치를 이동시키기 입니다.
|
| 12397 | |
| 12396 | |
| 12395 |
JavaScript
키보드 눌러 이동하는 단축키 사용하기 입니다.
|
| 12394 |
JavaScript
책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.
|
| 12393 |
JavaScript
마우스를 대면 링크 이미지들을 보여주기 입니다.
|
| 12392 |
PHP
pushbullet 푸시 발송
|
| 12391 |
MySQL
같은 컬럼의 행들을 한번에 UPDATE 하기
|
| 12390 |
JavaScript
이미지들을 보여주는 풀다운 콤보메뉴 입니다.
|
| 12389 |
JavaScript
부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.
|
| 12388 |
JavaScript
끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.
|
| 12387 |
PHP
php 주요 정리 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기