【问题标题】:Using Instagram API for simple web page使用 Instagram API 制作简单的网页
【发布时间】:2016-05-24 20:58:11
【问题描述】:

所以我正在做一个相当简单的项目,基本上是一个应该列出某个 instagram 帐户的标题的网页。一切都是设计好的,只需要用内容点亮它。看看http://evanshellborn.com/speechofthebeets/

我发现您可以在 instagram.com/{username}/media 上看到一个包含所有必要数据的 json 文件。所以就我而言,https://www.instagram.com/beets_are_life/media/。所以在我把那个页面真正上线之前,我在我的本地机器上,我对那个页面做了一个 JSON 调用,它运行得很好。所以我把它全部构建出来,我的网页就像我想要的那样加载了标题。

然后我去把它放到网上,(http://evanshellborn.com/speechofthebeets),但它不起作用。看看它底部的脚本,在我的本地主机上,代码有效并且标题被加载。但是在实时页面上,我在控制台中收到了不允许访问的错误。所以我认为 Instagram 不再允许这种直接访问,你必须通过他们的 API。

现在我尝试查看 API,但它似乎相当混乱。基本上我要求的是一个不同的 JSON url,它会给我与https://www.instagram.com/beets_are_life/media/ 相同的结果,但这将在实时页面上工作。

我认为https://api.instagram.com/v1/users/{user-id}/?access_token=ACCESS-TOKEN 会起作用,只需将 {user-id} 替换为适当的 user_id。但是我从哪里获得访问令牌?

从阅读https://www.instagram.com/developer/authentication/ 来看,当用户输入他们的用户凭据时,您似乎会得到一个。但我不想让任何人登录,我只想要一个简单的网页。

希望这是有道理的。我怎样才能做我想做的事?

【问题讨论】:

  • 获取access_token一次,使用到过期为止。
  • 所以我试过了,它在本地运行良好,但当我把它上线时再次被拒绝。你知道那里发生了什么吗? @DimaBabich
  • 您是否使用正确的 url 注册了您的应用程序?

标签: html json api instagram-api


【解决方案1】:

看起来 API url https://www.instagram.com/beets_are_life/media/ 不支持 jsonp(不支持回调),所以你不能使用 javascript(客户端)发出 API 请求,它会因为浏览器端的 Access-Control-Allow-Origin 错误而失败,您已在服务器端作为代理进行此 API 调用。

我猜https://www.instagram.com/<USER_NAME>/media/ 不是公开记录的 API,这就是它不支持 jsonp 的原因,Instagram 将它用于他们的网站,因为它是 same-origin,所以它可以在客户端为他们工作

【讨论】:

【解决方案2】:

This link 将帮助您将 instagram 嵌入到一个简单的 html 网页上。 instagram 上的帖子底部有一个按钮。当您单击链接时,会弹出一个菜单。然后点击嵌入

现在弹出一个框

只需复制粘贴 html 即可。 它会为你获取帖子

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-19
    • 1970-01-01
    • 2018-12-06
    • 2012-04-20
    相关资源
    最近更新 更多