Question

我想在我的网站上嵌入大约20张Instagram照片。每个页面的照片都不同，我以这种格式收到php数组中的所有Instagram网址

https://instagram.com/p/xxxxxxxxxx/media/?size=m

我目前正在使用foreach循环并像这样嵌入它们

<img src="https://instagram.com/p/xxxxxxxxxx/media/?size=m">
<img src="https://instagram.com/p/xxxxxxxxxy/media/?size=m">
<img src="https://instagram.com/p/xxxxxxxxxz/media/?size=m">

我认为这不是最有效的方法，因为每个图像src都必须重定向到实际的源。

我找到的唯一其他方法就是这个网址

https://api.instagram.com/oembed/?url=https://instagram.com/p/xxxxxxxxxx/media/?size=m

但是使用这种方法意味着我需要对每个图像进行json解码以找到它的实际来源。

我是否可以通过某种方式将https://instagram.com/p/xxxxxxxxxx/media/?size=m网址转换为直接图片网址而无需进行数十次服务器调用？

Answer 1

获取直接图片链接的唯一方法是进行API调用。

如果您通过API获取这些图像，则只需检查响应的图像节点，例如：

"images": {
        "low_resolution": {
            "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_6.jpg",
            "width": 306,
            "height": 306
        },
        "thumbnail": {
            "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_5.jpg",
            "width": 150,
            "height": 150
        },
        "standard_resolution": {
            "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_7.jpg",
            "width": 612,
            "height": 612
        }
    },

有关API响应的更多详细信息，请访问：https://instagram.com/developer/endpoints/media/

如果您没有通过API获取图像，嵌入它们的方式是最佳方式，您不应该关心性能问题，它会没问题：）

Answer 2

Instagram API仅提供嵌入您网站的单个帖子或照片。您需要使用第三方工具嵌入多张Instagram照片。有很多第三方工具，但我强烈建议使用SnapWidget

嵌入多张Instagram照片的最有效方法是什么？

2 个答案: