Instagram基本显示API

最终目标：在公司网站上展示公司账户的Instagram媒体。下面，我将展示到目前为止我所拥有的一切

我已批准Instagram基本权限：

我已使用Instagram帐户对Facebook应用程序进行了相应权限的身份验证

问题:

如果我使用的是Instagram Basic Display API，我还需要一个实现SDK的网站平台吗

如果我只使用一个帐户在公司网站上显示媒体，是否需要登录Facebook

---

答案是：是的，是的

然而，如果您允许一些开箱思考，您的最终目标是8行Javascript和4行CSS。它不是最漂亮的解决方案，而且功能有限，但它确实很简单。你看

我提出的解决方案实际上非常简单：完全拆分服务器端和客户端部分，并使用XML（RSS）作为中间层。对于服务器端部分，我使用了Zapier（免费）。Zapier使用Instagram进行身份验证，并获取所需的长期访问令牌。使用此令牌，它每隔五分钟侦听用户提要。当它发现新的帖子/图片时，它会将其添加到与Instagram无关的Zapier RSS提要中。Zapier负责RSS提要上的CORS策略。因此，我们只需要可视化RSS提要。这只需要几行Javascript和少量CSS

$.get（'https://zapier.com/engine/rss/2502510/jhvanderschee，函数（数据）{
$（data）.find（“item”）.each（函数（）{//或“item”或任何适合您的提要的内容
var el=$（本）；
var title=el.find（“title”）.text（）；
var link=el.find（“link”）.text（）；
var image=el.find（“附件”）.attr（“url”）；
var description=el.find（“description”）.text（）；
$（'#instafeed'）。追加（''）；
});
});
#instafeed{溢出：自动；左边距：-1%；}
#instafeed a{float:left；display:block；边距：01%1%；宽度：19%；}
#instafeed a img{宽度：100%；}

---

来源：

非常感谢@JoostS，这非常有效！对迟来的跟进表示歉意。如果我的问题有意义的话，请您对其进行升级：）请注意，我将实施更改为符合GDPR的实施…我确实看到了-自2月份以来，我获得了更多的知识，并考虑了GDPR-这在那段时间内帮助很大。太好了。我已经对你的问题投了赞成票。不幸的是，我每个问题只有一个答案。非常感谢！：）

<p id="instafeed"></p>

<script src="/js/jquery.min.js"></script>
<script type="text/javascript">
$.get('https://zapier.com/engine/rss/2502510/jhvanderschee', function (data) {
    $(data).find("item").each(function () { // or "item" or whatever suits your feed
        var el = $(this);
        var title = el.find("title").text();
        var link = el.find("link").text();
        var image = el.find("enclosure").attr('url');
        var description = el.find("description").text();
        $('#instafeed').append('<a href="'+encodeURI(link)+'" target="_blank" title="'+title.replace('Caption: ','')+'"><img src="'+encodeURI(image)+'" alt="'+title.replace('Caption: ','')+'" /></a>');
    });
});
</script>

<style>
    #instafeed {overflow: auto; margin-left: -1%;}
    #instafeed a {float: left; display: block; margin: 0 0 1% 1%; width: 19%;}
    #instafeed a img {width: 100%;}
</style>