什么是 kerplunk-instagram-tweets
kerplunk-instagram-tweets 是一个基于 npm 的开源 JavaScript 包，通过从 Instagram 的网站上获取数据，以 API 的形式将 Instgram 上的内容呈现在用户的网站上。这个包主要是用来解决前端网站上引入 Instgram 相关内容时的问题，它提供了一种简单的方法来解析 Instgram 上的数据并将其展示给用户。
安装
为了使用 kerplunk-instagram-tweets，你需要先安装它。这里提供了两种安装方式：
使用 npm：
npm install kerplunk-instagram-tweets
也可以从 GitHub 下载 zip 文件，然后解压缩到你的项目中。
使用
这里我们将演示如何使用 kerplunk-instagram-tweets，具体过程如下：
打开 Instagram 的开发者中心并创建一个应用程序。
从应用程序的控制台中获得客户端 ID 和 Access Token，这将作为我们使用 kerplunk-instagram-tweets 包的凭证。
安装 kerplunk-instagram-tweets:
npm install kerplunk-instagram-tweets
在你的项目中引入 kerplunk-instagram-tweets：
const kerplunk = require('kerplunk-instagram-tweets');调用 kerplunk-instagram-tweets 包中的
getInstagramData方法：-- -------------------- ---- ------- ------------------------------------ ------------- ------ ------------ -- - -- ---- ---- ---- ---- ------------------ -- -------------- -- - -- ------ ----- ------------------- ---在这个例子中，我们调用
getInstagramData方法并将客户端 ID，Access Token 和查询参数传递给它。该方法返回一个 promise 对象，你可以在then()函数中处理获得的 Instagram 数据以及在catch()函数中处理错误信息。现在我们已经拥有 Instagram 的数据，可以使用该数据在我们自己的网站上呈现出来，比如在页面上展示 Instagram 上的最新图片。
示例
下面的代码演示了如何使用 kerplunk-instagram-tweets 包获取 Instagram 数据并在网站上呈现出来。
-- -------------------- ---- -------
--------- -----
------
------
------------ ---------------------------------
-------
------
---- ------------------
------- ----------------------
-------
--------- -------------------- ---- -------
----- -------- - -------------------------------------
----- --------- - ---------------------------
----- ------------ - ------------------------------
----- ----- - -------
------------------------------------ ------------- ------
------------ -- -
----- --------- - ----------------------------------
--- ---- - - -- - - ------------ ---- -
----- ----- - --------
----- --- - ------------------------------
------- - ----------
------- - --------------
---------------------------
-
--
-------------- -- -
-------------------
---这里，我们创建了一个简单的 HTML 页面，并在页面中为 Instagram 图片预留了一个 <div>。我们的 JavaScript 代码使用 kerplunk-instagram-tweets 包中的 getInstagramData 方法，获得一个存储着 Instagram 图片数据的数组。我们使用该数组中的信息创建了一个图片库，将这些图片展示到了页面上。
总结
在这篇文章中，我们介绍了 kerplunk-instagram-tweets 包的基本概念和使用方法。这个 npm 包提供了一种简单的方法来获取 Instagram 上的数据，以及将这些数据呈现在前端网站上。通过这篇文章，读者可以学习到如何使用 kerplunk-instagram-tweets 包，并将 Instagram 上的内容展示在自己的网站上。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efd4c49986ca68d8a7e