Instagram API和导入照片没有服务器端认证

Instagram API and importing photos without server side authentication

本文关键字：服务器端 认证 照片 API 导入 Instagram      更新时间：2023-09-26

我对某个功能有点困惑，我想使用Instagram API实现一个网站。我想根据我的用户ID从Instagram API访问我自己的饲料，并在我的网站上显示它们。这是说，有一种方法来做客户端OAuth身份验证，但我有点困惑，我将如何去做这个。我对JavaScript相当满意，如果有人能给我指出正确的方向，我相信我能弄清楚。

任何最佳实践都会很棒。

提前谢谢你

约

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

下面是为它创建的几个JS库:

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

这让我困扰了很久，但我想我想出了一个简单的方法来让我自己的照片在我的网站上，使用"jquery-instagram"插件的想法，但剥离它的方式。

  1. 想出一个#标签，把它添加到你想在你的网站上显示的所有照片中，确保它不是任何人都会使用的东西。(这样做是为了防止需要验证任何东西)。

  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"));
      }
    }
  }
});
相关文章：