2011-09-13 18 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