随着互联网的发展，越来越多的网站引入了“开放图谱”的概念，这为通过分享链接获取信息的浏览器和社交媒体提供了更好的用户体验。然而，对于前端工程师来说，手动抓取这些链接的信息是一件费时费力的事情，这时候就需要使用 npm 包 @jamie452/open-graph-scraper 来帮助我们自动获取开放图谱信息。
1. 安装 @jamie452/open-graph-scraper
使用 npm 安装 @jamie452/open-graph-scraper：
npm install @jamie452/open-graph-scraper --save
安装完成后，我们就可以在前端代码中使用它了。
2. 使用 @jamie452/open-graph-scraper
2.1 基本用法
我们可以通过以下方式使用 @jamie452/open-graph-scraper：
const ogs = require('@jamie452/open-graph-scraper');
ogs({url: 'https://www.baidu.com'}, function (error, results) {
console.log(results.data);
});在这段代码中，我们传入了一个对象，该对象包含我们要获取信息的 URL。然后，我们使用一个回调函数来处理返回的信息。在回调函数中，我们通过 results.data 获取我们需要的信息。
2.2 获取的信息
@jamie452/open-graph-scraper 可以获取以下开放图谱信息：
title：文章的标题description：文章的描述image：文章缩略图的链接url：文章链接
我们可以根据自己的需求获取这些信息中的任何一项或多项。
2.3 示例代码
以下是一个完整的示例代码，演示了如何使用 @jamie452/open-graph-scraper 来获取开放图谱信息：
-- -------------------- ---- -------
----- --- - ----------------------------------------
----- --- - ------------------------
--------- ----- -------- ------- -------- -
-- ------- -
--------------------- -------
- ---- -
--------------------- ----------------------
--------------------------- ----------------------------
--------------------- --------------------------
------------------- --------------------
-
---3. 总结
使用 @jamie452/open-graph-scraper 可以让我们更轻松地获取开放图谱信息，从而提高我们的开发效率。同时，它也提供了很多可自定义的选项，使其适用于各种不同的情况。我们应该根据自己的需求，灵活地使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc5967216659e24436a