Instagram API 和无需服务器端身份验证即可导入照片

发布于 2024-12-04 06:45:47 字数 279 浏览 3 评论 0原文

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

任何最佳实践都会很棒。

提前谢谢你，

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

避讳 2024-12-11 06:45:47

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

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

回复收藏 0 原文

深居我梦 2024-12-11 06:45:47

这困扰了我很多年，但我想我想出了一种简单的方法，可以在我的网站上获取我自己的照片，使用“jquery-instagram”插件的想法，但将其剥离。

提出一个 #tag 并将其添加到您想要在网站上显示的所有照片中，确保它不是任何人都会使用的东西。（这样做可以防止需要验证任何内容）。
在此处注册您的应用：http://instagr.am/developer/register/（只需使用您的 Instagram 登录信息）
使用以下代码（使用 jQuery），其中“tag”是您使用的标签，“id”是您注册的应用客户端 ID，“photoCount”是您希望检索的最大照片数量。
<前><代码>$.ajax({
类型：“获取”，
数据类型：“jsonp”，
缓存：假，
网址：“https://api.instagram.com/v1/tags/”+标签+“/media/recent?client_id=”+id，
成功：函数（响应）{
var length = response.data != '未定义' ?响应数据长度：0；
var limit = photoCount != null &&照片计数<长度？照片计数：长度；
如果（限制> 0）{
for(var i = 0; i < limit; i++) {
$('', {
src：response.data[i].images.standard_resolution.url
}).appendTo($("#photos"));
}
}
}
});

This was bugging me for ages, but I think I came up with to a simple way to just get my own photo's on my website, using ideas from the "jquery-instagram" plugin, but stripping it way down.

Come up with a #tag and add it to all the photos you want to show on your site, make sure it's not something that just anyone will use. (Do it this way to prevent needing to authenticate anything).
Register your app here: http://instagr.am/developer/register/ (Just use your Instagram login)

Use the following code (with jQuery), where "tag" is the tag you used, "id" is your registered app client id, and "photoCount" is the max number of photos you wish to retrieve.

$.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"));
      }
    }
  }
});

回复收藏 0 原文

~没有更多了~