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을 통해 페이지에 표시된 내용을 객체화 시켜야 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 12463 |
JavaScript
이미지 좌우로 이동 갤러리 입니다.
|
| 12462 | |
| 12461 |
JavaScript
쉬운 replaceAll 입니다.
|
| 12460 | |
| 12459 | |
| 12458 | |
| 12457 | |
| 12456 |
JavaScript
콤보스타일 메뉴 입니다.
|
| 12455 |
JavaScript
쿠키를 이용한 레이어 공지창 입니다.
|
| 12454 |
JavaScript
효과있는 텍스트 틱커 입니다.
|
| 12453 | |
| 12452 |
PHP
HTTP 인증 하기 입니다.
|
| 12451 |
JavaScript
외부 문서 불러오기 입니다.
|
| 12450 |
JavaScript
지정한 날짜까지 New 이미지를 띄워주기 입니다.
|
| 12449 | |
| 12448 |
JavaScript
메일 주소 검사하기 체크박스 입니다.
|
| 12447 |
JavaScript
무단링크 금지하기 입니다.
|
| 12446 | |
| 12445 |
MySQL
DB백업 및 복원
|
| 12444 |
JavaScript
페이지가 다른 사이트의 프레임에 갇히는 것을 막기 입니다.
|
| 12443 | |
| 12442 | |
| 12441 |
jQuery
input text 대문자만 받는 Jquery
|
| 12440 | |
| 12439 |
JavaScript
이미지 업로드와 미리보기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기