僅使用代碼將動態 Instagram 提要嵌入 HTML（無 API/插件）

Question

我希望開始學習如何使用 HTML 和 JavaScript（如果可能/如果需要）而不是使用 API 和插件來嵌入整個動態 Instagram 提要。

本質上，我想要在我目前正在處理的網站的頁面上顯示所有帖子作為網站上提要的一部分，並且每當在 Instagram 上上傳新帖子時，自動加載最新帖子。

有誰知道如何做到這一點，或者我該如何開始呢？

Answer 1

回復有點晚了，但希望這對某人有幫助......

首先，我們在同一頁面上，您將需要至少使用一個 API 來執行此操作——Instagram API。 您需要使用 Instagram API 才能從他們的服務中獲取內容（本文解釋了基本思想https://www.freecodecamp.org/news/what-is-an-api-in-english-please-b880a3214a82/ )

現在，您不會說您是否查看過 Instagram 開發人員文檔，但這將是一個很好的起點： https://developers.facebook.com/docs/instagram

看起來他們有一些示例代碼和教程，所以希望這里有足夠的信息可以幫助您入門，根據您的問題：聽起來您可能想先查看他們的 BasicDisplayAPI： https://developers.facebook.com /docs/instagram-basic-display-api

最后，您可能會發現此其他 SO 帖子很有幫助。 不幸的是，博客鏈接已損壞，但代碼片段看起來很有希望嵌入 instagram 提要

這篇博客文章看起來也很有希望： https://dev.to/ljcdev/embedding-an-instagram-post-in-your-website-3666