Instagram API 和在没有服务器端身份验证的情况下导入照片答案

【问题标题】：Instagram API and importing photos without server side authenticationInstagram API 和在没有服务器端身份验证的情况下导入照片
【发布时间】：2011-11-15 20:11:24
【问题描述】：

对于我想使用Instagram API 在网站中实现的某些功能，我有点困惑。我想根据我的用户 ID 从 Instagram API 访问我自己的提要，并将它们显示在我的网站上。据说有一种方法可以进行客户端 OAuth 身份验证，但我对如何进行此操作有点困惑。我对 JavaScript 还算不错，如果有人能指出我正确的方向，我相信我能弄明白。

任何最佳实践都会很棒。

提前谢谢你，

【问题讨论】：

标签： javascript api oauth instagram

【解决方案1】：

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

这里有几个为它制作的 JS 库：

【讨论】：

隐式身份验证提供的令牌会过期吗？或者它确实会像标准的应用授权一样工作（直到用户撤销授予的访问权限）？

【解决方案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"));
      }
    }
  }
});

【讨论】：

这非常有用。它可以用来拉回用户的图像而不考虑标签吗？