Question

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

我已经包含了该脚本，获得了我的访问令牌＆amp;用户身份。我通过向下滚动到上述页面的“从您的用户帐户获取图像”部分，然后单击底部的链接来获取这些内容：不知道您的用户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个空标记，每个标记都带有一个空图像标记。我没有任何控制台错误。

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

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

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

非常感谢任何帮助！

Answer 1

API的所有令牌问题均为基本范围，除非在身份验证请求中指定了范围。

来自Instagram API Docs：

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

您可以访问Manage Applications页面来验证令牌的范围。每个应用程序将显示它具有哪种访问级别。基本权限集应该说“访问您的基本信息”：

因此，您不需要做任何事情来设置令牌的权限，这些都是在创建令牌时处理的。如果您使用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}}"

Instagram Feed不返回任何数据

4 个答案: