Instagram API并导入照片而无需服务器端身份验证

Question

我对使用Instagram API在网站上实现的某些功能感到有点困惑.我想根据Instagram API中的用户ID访问我自己的Feed,并将其显示在我的网站上.它说有一种方法可以进行客户端OAuth身份验证,但我对如何解决这个问题感到有点困惑.我对JavaScript非常好,如果有人能指出我正确的方向,我相信我能搞清楚.

任何最佳实践都会很棒.

先感谢您,

JN

Answer 1

您正在询问如何使用Instagram的客户端(隐式)身份验证.

这里有几个JS库:

1. https://github.com/Instagram/instagram-javascript-sdk
2. https://github.com/potomak/jquery-instagram

Answer 2

这让我困扰了很多年,但我想我想出了一个简单的方法来在我的网站上获取我自己的照片,使用来自"jquery-instagram"插件的想法,但剥离了它.

1. 想出一个#tag并将其添加到您想要在您的网站上显示的所有照片,确保它不是任何人都会使用的.(这样做是为了防止需要验证任何东西).

2. 在这里注册您的应用程序:http://instagr.am/developer/register/(只需使用您的Instagram登录)

3. 使用以下代码(使用jQuery),其中"tag"是您使用的标记,"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"));
         }
       }
     }
   });