Instagram 提要没有返回任何数据

Question

我将 Instafeed.js 用于客户的网站： http://instafeedjs.com/

我已经包含了脚本，获得了我的访问令牌和用户 ID。我通过向下滚动到上述页面的“从您的用户帐户获取图像”部分并单击底部的链接获得这些：不知道您的用户 ID 或令牌？ 点击这里获取一个。

我的代码：

$(document).ready(function() {
      var userFeed = new Instafeed({
           get: 'user',
           userId: clientsID,
           accessToken: 'MY_ACCESS_TOKEN',
           template: '<a href="{{link}}"><img src="{{image}}" /></a>',
           target: 'instafeed',
           limit: 6
       });
  userFeed.run();
 });

我创建了一个带有“instafeed”ID 的空 div。 div 填充了 6 个空的 a 标签，每个标签都有一个空的图像标签。我没有任何控制台错误。

在本网站的说明中，我被告知要

"确保您的令牌设置为基本授权，它只允许 GET 请求。如果您不确定令牌的范围，请检查 在您的帐户页面下。”

在我的帐户页面上，我设置了一个“Instafeed.js”应用程序，但我唯一的选择是撤销访问权限。我无法编辑或查看任何其他选项，因此我不确定这是否与问题有关。

任何帮助将不胜感激！

Answer 1

API 发出的所有令牌都被赋予基本范围，除非在身份验证请求中指定了范围。

来自Instagram API Docs：

目前，默认情况下，所有应用都具有基本读取权限。如果您只想访问数据，则无需指定范围（“基本”范围将自动授予）。

您可以通过访问Manage Applications 页面来验证令牌的范围。每个应用程序都会显示它具有什么样的访问级别。 basic 权限集应该显示类似“访问您的基本信息”：

所以你不需要做任何事情来设置令牌的权限，这一切都是在创建令牌时处理的。如果您使用instafeedjs.com 上的帮助链接来获取该令牌，那么您应该已经为您处理了所有权限级别。

Answer 2

万一其他人遇到这个问题，我的问题实际上是与 Shopify 的模板引擎冲突。当我删除模板选项时，一切正常，感谢 Steven 在这里实际回复了我的电子邮件！这家伙是个杀手。

Answer 3

在 Shopify 中，如果您将配置脚本放入标记为 instafeed_config.js 的新“资产”中，然后使用

调用它

{{ "instafeed_config.js" | asset_url | script_tag }}

加载后

{{ "instafeed.min.js" | asset_url | script_tag }}

那么您就可以使用模板功能了。

Answer 4

您可以调整模板部分。

更改以下内容：

img src="{{image}}"

收件人：

img src="http:{{image}}"