8

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

任何最佳实践都会很棒。

先感谢您，

JN

4

2 回答 2

10

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

这是为它制作的几个 JS 库：

  1. https://github.com/Instagram/instagram-javascript-sdk
  2. https://github.com/potomak/jquery-instagram
于 2012-02-01T23:46:17.423 回答
7

这困扰了我很久，但我想我想出了一个简单的方法来在我的网站上获取我自己的照片，使用来自“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"));
      }
    }
  }
});
于 2012-05-10T05:13:16.593 回答