使用Instagram API进行简单的网页

Question

所以我正在开发一个相当简单的项目，基本上是一个网页，应该列出某个Instagram帐户的标题。它是全部设计的，只需要点亮内容。看看http://evanshellborn.com/speechofthebeets/。

我发现您可以在instagram.com/{username}/media上看到包含所有必要数据的json文件。所以就我而言，https://www.instagram.com/beets_are_life/media/。所以在我把这个页面实际放到网上之前，我在我的本地机器上，并且我对该页面进行了JSON调用，并且它运行良好。所以我把它全部构建出来，我的网页就像我想要的那样加载了字幕。

然后我去了网上，（http://evanshellborn.com/speechofthebeets），但它不起作用。看一下底部的脚本，在我的localhost上，代码可以正常运行并加载字幕。但是在实时页面上，我在控制台中获得了一个不允许访问的错误。所以我认为Instagram不再允许这种直接访问，你必须通过他们的API。

现在我已经尝试过查看API，但它似乎相当令人困惑。基本上我要求的是一个不同的JSON网址，它会给我与https://www.instagram.com/beets_are_life/media/相同的结果，但这可以在实时网页上使用。

我认为https://api.instagram.com/v1/users/{user-id}/?access_token=ACCESS-TOKEN可以正常工作，只需用appropraite user_id替换{user-id}即可。但是我在哪里获得访问令牌？

从阅读https://www.instagram.com/developer/authentication/开始，当用户输入用户凭据时，您看起来就是一个。但我不想让任何人登录，我只想要一个简单的网页。

希望这是有道理的。我怎么能做我想做的事？

Answer 1

看起来API网址https://www.instagram.com/beets_are_life/media/不支持jsonp（没有回调支持），因此您无法使用javascript（客户端）发出API请求，因为{{1}会失败在浏览器端出现错误，您已在服务器端将此API调用作为代理。

我猜Access-Control-Allow-Origin不是公开记录的API，这就是它不支持https://www.instagram.com/<USER_NAME>/media/的原因，Instagram将其用于他们的网站，因为它是jsonp它将适用于他们在客户端

Answer 2

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

现在弹出一个框

只需复制粘贴html就可以了。 它将为您提取帖子