npm 包 wikilab-api 是一款用于获取维基百科数据的 JavaScript 库。它可以让开发者通过简单的 API 调用获取维基百科上的词条、图片、文章等信息。本文将介绍如何使用 wikilab-api 并提供示例代码。
安装
首先，我们需要安装 wikilab-api。在终端中运行以下命令：
npm install wikilab-api
使用指南
使用 wikilab-api 前，我们需要了解它提供的 API。
getSummary
getSummary 方法用于获取维基百科上词条的摘要信息。
参数：
title（必须）：要获取摘要信息的词条标题。lang（可选）：要获取摘要信息的语言版本。
示例代码：
const WikiLab = require('wikilab-api');
WikiLab.getSummary('JavaScript', 'zh-cn')
.then(res => console.log(res))
.catch(err => console.error(err));输出：
{
title: 'JavaScript',
extract: 'JavaScript是一门高级的解释型编程语言。这种语言是由网景公司（Netscape）的 Brendan Eich（布兰登·艾奇）在3周之内设计而成的...',
thumbnail: 'https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/240px-JavaScript-logo.png'
}getPage
getPage 方法用于获取维基百科上词条的完整内容。
参数：
title（必须）：要获取内容信息的词条标题。lang（可选）：要获取内容信息的语言版本。
示例代码：
const WikiLab = require('wikilab-api');
WikiLab.getPage('JavaScript', 'zh-cn')
.then(res => console.log(res))
.catch(err => console.error(err));输出：
{
title: 'JavaScript',
content: 'JavaScript是一种具有函数优先、准确的动态语言，已经构建成为世界上最流行的语言之一。这种语言由Brendan Eich在不到十天的时间内设计而成，1995年在Netscape Navigator中首次公开发行...',
thumbnail: 'https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/240px-JavaScript-logo.png'
}示例代码
现在，我们将使用 wikilab-api 实现一个简单的维基百科搜索引擎。用户在输入框中输入词条标题，点击搜索按钮后，应用将展示词条的摘要信息。如果用户点击摘要信息中的“阅读更多”按钮，应用将展示完整的词条信息。
HTML：
-- -------------------- ---- ------- ----- ------ ----------- ------------------ ------- --------------------------- ------ ----- --- ---------------- ---- ------------------- ---- --------------------- ------
JavaScript：
-- -------------------- ---- -------
----- ------- - -----------------------
----- ----------- - ----------------------------------------
----- --------- - --------------------------------------
----- ------- - ---------------------------------
----- --------- - -----------------------------------
----- ---------- - -------------------------------------
----------------------------------- -- -- -
----- ----- - ------------------
------------------------- --------
--------- -- -
------------------- - ----------
------------------- - ------------
-------------------- - --- ------------------------------------------------------------- --------------------------
--
---------- -- --------------------
---总结
本文介绍了如何使用 wikilab-api 获取维基百科数据，并提供了示例代码。在实际开发中，可以结合其他前端技术，如 Vue.js 或 React，构建更为复杂的应用。通过学习 wikilab-api，可以为开发者提供一种获取实时数据的解决方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710c8dd3466f61ffe13f