2011-09-13 3 views
7

Instagram API을 사용하여 웹 사이트에 구현하고자하는 특정 기능에 다소 혼란 스럽습니다. Instagram API의 사용자 ID를 기반으로 내 피드에 액세스하여 내 사이트에 표시하고 싶습니다. 그것은 클라이언트 측 OAuth 인증을 수행하는 방법이 있지만 나는 이것에 대해 어떻게 생각하는지 조금 혼란 스럽다. 나는 JavaScript로 꽤 괜찮습니다. 누군가 올바른 방향으로 나를 가리킬 수 있다면, 나는 그것을 알아낼 수있을 것이라고 확신합니다.Instagram API 및 서버 측 인증없이 사진 가져 오기

모범 사례가 우수 할 것입니다.

당신은 인스 타 그램에 대한 클라이언트 측 (암시) 인증을 사용하는 방법을 요구하고

답변

7

이 연령대에 나를 귀찮게했다,하지만 난에 간단한 방법으로 함께했다 생각 "jquery-instagram"플러그인의 아이디어를 사용하여 내 웹 사이트에 내 사진을 올리십시오.

  1. 가 #tag와 함께 와서 사이트에 표시 할 모든 사진에 추가, 그냥 사람이 사용하는 것이 아니다 있는지 확인하십시오. (아무 것도 인증하지 않아도되도록이 방법을 사용하십시오.)

  2. 여기에 귀하의 응용 프로그램을 등록 http://instagr.am/developer/register/ (그냥 인스 타 그램 로그인을 사용)

  3. "태그"가 사용한 태그는, (jQuery로)
  4. 를 사용하여 다음 코드는 "ID는"등록 된 응용 프로그램 클라이언트입니다 id이고 "photoCount"는 검색하려는 최대 사진 수입니다. 암시 적 인증에서 제공

    $.ajax({ 
        type: "GET", 
        dataType: "jsonp", 
        cache: false, 
        url: "https://api.instagram.com/v1/tags/" + tag + "/media/recent?client_id=" + id, 
        success: function(response) { 
        var length = response.data != 'undefined' ? response.data.length : 0; 
        var limit = photoCount != null && photoCount < length ? photoCount : length; 
        if(limit > 0) { 
         for(var i = 0; i < limit; i++) { 
         $('<img>', { 
          src: response.data[i].images.standard_resolution.url 
         }).appendTo($("#photos")); 
         } 
        } 
        } 
    }); 
    
+1

이것은 매우 유용합니다. 태그와 상관없이 사용자 이미지를 되 돌리는 데 사용할 수 있습니까? – Doidgey

관련 문제