Question

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

任何最佳实践都会很棒。

提前谢谢你，

JN

Answer 1

您正在询问如何使用Instagram的客户端（隐式）身份验证。

以下是为它制作的几个JS库：

Answer 2

这让我困扰了很多年，但我想我想出了一个简单的方法，就是在我的网站上使用“jquery-instagram”插件中的想法获取我自己的照片，但剥离了它。

想出一个#tag并将其添加到您想要在您的网站上显示的所有照片，确保它不是任何人都会使用的。（这样做是为了防止需要验证任何东西）。
在此注册您的应用：http://instagr.am/developer/register/（只需使用您的Instagram登录信息）

使用以下代码（使用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"));
      }
    }
  }
});

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

2 个答案: