在开发网页时，常常需要和社交媒体（Facebook、Twitter 等）互动以及调用这些网站 API，以便在自己的网站上显示相关信息。这是一个较为繁琐的工作，但有一款 npm 包却可以使这个过程变得更加容易——hapi-pagedata-social。
本文将介绍如何使用 hapi-pagedata-social，同时也会介绍如何使用 Facebook API、Twitter API 以及 LinkedIn API，并提供相应的示例代码。
安装 hapi-pagedata-social
使用 npm 安装 hapi-pagedata-social：
npm install hapi-pagedata-social --save
注意：hapi-pagedata-social 需要 hapi 插件。如果你没有安装 hapi，你需要先执行以下命令：
npm install hapi --save
使用 hapi-pagedata-social
在 server 上注册 hapi-pagedata-social 插件：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - --- --------------
-----------------
--------- --------------------------------
-------- -
------- -
-
----- -----------
------ ---
---------- ---
------ ---------
--
-
----- ----------
------------ ---
--------------- --
--
-
----- -----------
------ ---
---------- --
-
--
------ -
---------- -- - -- - ---- -- ----- --- -- -------
-
-
-- ----- -- -
-- ----- -
----- ----
-
---在路由处理程序中使用以下代码来获取社交媒体的信息：
const fbData = request.pagedata.facebook; const twitterData = request.pagedata.twitter;
请注意，如果插件设置了缓存，则第一次获取数据可能会需要一些时间来完成，因此需要对数据进行缓存，以便在后续的请求中进行更高效的访问。
使用 Facebook API
如果你要在自己的网站上嵌入 Facebook 的内容，如帖子或视频，你需要使用 Facebook API。以下是如何使用 hapi-pagedata-social 和 Facebook API 的示例代码：
-- -------------------- ---- -------
----- ------- - --------- ------ -- -
----------------------------------------------- ----- ----- -- -
-- ----- -
----- ----
-
------------
---
--
--------------
------- ------
----- ------------------
-------
---上述代码将在 /facebook-posts 路由上启动一个 GET 请求，以获取 Facebook 页面上所有的帖子。你需要在 '/page-id/posts' 位置设置自己的页面编号。
使用 Twitter API
Twitter API 可以用于在网站上显示最新的发推内容。以下是如何使用 hapi-pagedata-social 和 Twitter API 的示例代码：
-- -------------------- ---- -------
----- ------- - --------- ------ -- -
------------------------------------------------------ ----- ----- -- -
-- ----- -
----- ----
-
------------
---
--
--------------
------- ------
----- --------------------
-------
---上述代码将在 /twitter-statuses 路由上启动一个 GET 请求，以获取 Twitter 用户的时间线。你需要在 statuses/user_timeline 位置设置自己的 Twitter 用户名。
使用 LinkedIn API
LinkedIn API 可以用于在网站上显示个人简介或个人文章。以下是如何使用 hapi-pagedata-social 和 LinkedIn API 的示例代码：
-- -------------------- ---- -------
----- ------- - --------- ------ -- -
------------------------------------------------------------------------------------------------- ----- ----- -- -
-- ----- -
----- ----
-
------------
---
--
--------------
------- ------
----- --------------------
-------
---上述代码将在 /linkedin-profile 路由上启动一个 GET 请求，以获取 LinkedIn 用户的个人资料。你需要在 /v1/people/~:(id,first-name,last-name,email-address)?format=json 位置设置自己的 LinkedIn 用户编号。
总结
本文介绍了如何使用 npm 包 hapi-pagedata-social，以及如何使用 Facebook API、Twitter API 和 LinkedIn API。希望这篇文章可以为你提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e1a81e8991b448dba39