如何使用简短的代码片段嵌入 instagram 图像？答案

【问题标题】：How to embed instagram images with a short code snippet?如何使用简短的代码片段嵌入 instagram 图像？
【发布时间】：2021-01-23 05:00:38
【问题描述】：

我正在寻找将 instagram 图片嵌入我的网站的可能性。

我尝试了“...”菜单中的嵌入代码，但如果我想多次使用它，这段代码就太长了。除此之外，它对我来说无论如何都不能正常工作。

我还通过 iframe 找到了旧的 embed 变体：

<iframe src="https://www.instagram.com/p/CJj1fHYpm7v/embed/" width="400px" height="610px" frameborder="0" scrolling="yes" ></iframe>

这绝对是我更喜欢的东西，因为它只是一个小代码。但我不确定这是否仍然得到官方支持。

我还阅读了一些关于它的 API 的内容，但那个解决方案让我很困惑......不确定这是否适合我。

所以我想知道是否有人可以告诉我有关如何快速轻松地嵌入图像的其他解决方案，iframe 解决方案是否仍然是一个好方法以及其他有助于我实现计划的信息。

【问题讨论】：

标签： embed instagram-api

【解决方案1】：

您可以从该 url 获取 json 格式的数据（url 和 id）：

https://graph.instagram.com/me/media?limit=25&fields=thumbnail_url,permalink,media_url,media_type&access_token=YOUR_ACCESS_TOKEN

limit 控制您获得的物品数量

您将收到如下所示的响应：

{
   "data": [
      {
         "permalink": "https://www.instagram.com/p/CJ54xbvlkY_/",
         "media_url": "https://scontent.cdninstagram.com/v/t51.29350-15/137643256_251304213045078_6123570534757271423_n.jpg?_nc_cat=101&ccb=2&_nc_sid=8ae9d6&_nc_ohc=awl9dH0LssMAX9FBG6G&_nc_ht=scontent.cdninstagram.com&oh=fae6ccda08c19a6617dd5b1acf985fbe&oe=6025F7CC",
         "media_type": "IMAGE",
         "id": "18061654837271107"
      }
  ]
}

要创建访问令牌，请按照文档中的步骤操作：

https://developers.facebook.com/docs/instagram-api/getting-started

一个简单的例子（没有错误处理等）如何使用它（通过 php）是：

<?php
  $oJson = json_decode(file_get_contents('https://graph.instagram.com/me/media?limit=25&fields=thumbnail_url,permalink,media_url,media_type&access_token=YOUR_ACCESS_TOKEN'));

  foreach($oJson->data as $entry): ?>
    <a href="<?= $entry->permalink ?>">
      <img src="<?=$entry->media_url ?>">
    </a>
  <?php endforeach ?>

【讨论】：