2011-09-13 17 views
7

我在一個特定的功能,我想落實到使用Instagram API網站有點糊塗了。我想從Instagram的API訪問基於我的用戶ID我自己的飼料,並顯示他們在我的網站。這是說,有一種方法可以做到客戶端OAuth驗證,但我對我怎麼會去這個有點困惑。我相當好使用JavaScript,如果有人能在正確的方向,我相信我指向我可以計算出來。Instagram的API和導入照片,而無需服務器端驗證

的最佳做法將是巨大的。

謝謝你在前進,

JN

回答

7

這是竊聽我的年齡,但我覺得我想出了一個簡單的方法來只是讓我的網站上我自己的照片的,使用從「jQuery的Instagram的」插件的想法,但它剝離一路下滑。

  1. 拿出一個#tag並將其添加到所有要在網站上展示的照片,確保它不是一件隨便什麼人會用。 (這樣做,以防止需要驗證任何東西)。

  2. 這裏註冊您的應用程序:http://instagr.am/developer/register/(只需使用你的Instagram登錄)

  3. 使用下面的代碼(用jQuery),其中「標籤」是你所使用的標籤,「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