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

Javascript Instagram API和导入照片而无需服务器端身份验证,javascript,api,oauth,instagram,Javascript,Api,Oauth,Instagram,我有点困惑,我想在一个网站上实现的功能使用。我想根据Instagram API中的用户ID访问我自己的订阅源,并将其显示在我的网站上。这是说有一种方法可以进行客户端OAuth身份验证,但我对如何进行这项工作感到有点困惑。我对JavaScript相当满意,如果有人能给我指出正确的方向,我相信我能找到答案 任何最佳实践都会很好 提前谢谢大家, JN您正在询问如何对Instagram使用客户端(隐式)身份验证 以下是为它制作的几个JS库: 这个问题困扰了我很多年,但我想我想出了一个简单的方法,在我

我有点困惑,我想在一个网站上实现的功能使用。我想根据Instagram API中的用户ID访问我自己的订阅源,并将其显示在我的网站上。这是说有一种方法可以进行客户端OAuth身份验证,但我对如何进行这项工作感到有点困惑。我对JavaScript相当满意,如果有人能给我指出正确的方向,我相信我能找到答案

任何最佳实践都会很好

提前谢谢大家,


JN

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

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


  • 这个问题困扰了我很多年,但我想我想出了一个简单的方法,在我的网站上获取我自己的照片,使用了“jquery instagram”插件的想法,但把它剥离了

  • 制作一个#标签,并将其添加到您希望在网站上显示的所有照片中,确保它不是任何人都会使用的。(这样做是为了防止需要验证任何东西)

  • 在此处注册您的应用程序:(只需使用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"));
          }
        }
      }
    });
    
    $.ajax({
    键入:“获取”,
    数据类型:“jsonp”,
    cache:false,
    url:“https://api.instagram.com/v1/tags/“+tag+”/media/recent?client_id=“+id,
    成功:功能(响应){
    var length=response.data!=“未定义”?response.data.length:0;
    var limit=光电计数!=零和光电计数<长度?光电计数:长度;
    如果(限制>0){
    对于(变量i=0;i
    
    隐式身份验证提供的令牌将永远过期?或者它确实会像标准的应用程序授权一样工作(直到用户撤销授予的访问权限)?这非常有用。它是否可以用于收回用户图像,而不考虑标记?