在前端开发过程中，会有许多需要获取某个链接的标题、描述和缩略图的需求。手动实现这个过程非常繁琐，而npm 包 link-summarizer可以帮助我们自动完成这个过程。
link-summarizer 简介
link-summarizer是一个基于Node.js的npm包，它使用请求页面元数据API来获取链接的标题、描述和缩略图。它可以自动检测链接是否是图片或视频，并返回相应的URL。该包不仅可以用于Node.js项目中，还可以在浏览器中使用。
安装 npm 包 link-summarizer
使用 npm 安装 link-summarizer:
npm install link-summarizer --save
使用 link-summarizer
以下是一个简单的使用示例，该示例使用link-summarizer获取链接的标题，描述和缩略图。
-- -------------------- ---- -------
----- -------------- - ---------------------------
----------------------------------------------------------------------- -- -----------
------------------------ -
---------------------------- --------
---------------------------------- --------
---------------------------- ---------
--
-------------------- -
-------------------
---示例输出：
"Rick Astley - Never Gonna Give You Up (Video)" "Rick Astley's official music video for “Never Gonna Give You Up” Listen to Rick Astley: https://RickAstley.lnk.to/_listenYD Subscribe to the official Rick As..." "https://i.ytimg.com/vi/dQw4w9WgXcQ/hqdefault.jpg"
实战应用
link-summarizer可以用于在社交媒体应用中自动获取链接的摘要和缩略图等元信息，或在博客管理系统中使用自动填充页面信息。以下是一个健壮的实战示例，该示例捕捉了错误，并使用默认元数据替换缺失的字段。
-- -------------------- ---- -------
----- -------------- - ---------------------------
-------- ------------------ -
------ ------------------------------------------- ---------- -
-- ----------------- -
-------------- - --- ----- -----------
-
-- ----------------------- -
-------------------- - --- ----------- -----------
-
-- ----------------- -
-------------- - ----------------------------------
-
------ ---------
---
-
--------------------------------------------------------------------------------------------
-------------- ---------- -
---------------------------- --------
---------------------------------- --------
---------------------------- ---------
--
--------------- ----- -
----------------------- -----
---示例输出：
"The Future of UX Design | Creative Cloud blog by Adobe" "As designers, we play a critical role in shaping our digital world. And it’s not just about the visual elements. It’s about the user experience (UX) and how a ..." "https://blogs.adobe.com/creativecloud/files/2018/07/The-Future-of-UX-Design-2-www.built.io_-618x348.jpg"
结论
npm包link-summarizer非常实用，可以帮助我们自动获取链接的标题、描述和缩略图。我们可以在许多项目中使用它，例如在社交媒体应用中、博客管理系统中等。在使用时，我们应该捕捉错误并使用默认元数据替换缺失的字段。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/79895