npm 包 random-wiki-batch 使用教程-JavaScript中文网-JavaScript教程资源分享门户

介绍

random-wiki-batch 是一个 npm 包，它可以从维基百科中随机获取一定数量的文章，并将这些文章作为 JSON 数据返回给调用者。该 package 使用了 MediaWiki API 进行网页爬取和数据解析，使得使用者不需要进行繁琐的页面解析和规则编写，从而简化了数据采集的流程。

在前端开发中，数据采集是非常重要的环节之一，因为数据采集决定了后续分析和处理的质量。而如何进行快捷、高效的数据采集是每一个前端工程师都需要关注的问题之一。本教程将会介绍如何使用 random-wiki-batch 实现数据采集。

安装

使用 npm 命令进行 random-wiki-batch 安装：

npm install random-wiki-batch

使用方法

基本使用（获取单条数据）

在项目中引入该 package：

const randomWikiBatch = require('random-wiki-batch');

然后可以通过以下方式获取单个的随机维基百科文章：

try {
    const article = await randomWikiBatch.getRandomArticle();
    console.log(article);
} catch (e) {
    console.error('获取随机维基百科文章出错', e)
}

该代码将会返回一个 JSON 格式的维基百科文章数据，例如：

{
  "title": "短歌行",
  "url": "https://zh.wikipedia.org/wiki/%E7%9F%AD%E6%AD%8C%E8%A1%8C",
  "content": "<p>短歌行是唐代诗人白居易所作，共一百四十七首。题材多为思乡、闺怨、景物等。</p><p>短歌行是律诗，也称为乐府，是古代的长篇民歌，分行中带律，字数规定为五七字。在《全唐诗》中被编为卷三，是白居易最著名的作品之一。</p>"
}

该数据包含了维基百科文章的标题，URL，和内容。其中内容使用了 HTML 格式。

批量获取数据

利用上一步的基本使用方法，可以方便的获取单个随机的维基百科文章，但如果需要采集的数据量比较大，那么需要进行多次调用。因此，引入了批量获取数据功能。

以下是批量获取维基百科文章的示例代码：

const count = 5; // 需要获取 5 条记录
const articles = await randomWikiBatch.getRandomArticles(count);
console.log(articles)

该代码将会返回一个数组，其中包含了五个 JSON 格式的维基百科文章数据。

过滤无用信息

在使用 random-wiki-batch 获取数据时，也许我们不需要维基百科文章的所有信息，因此也提供了对数据的可定制化设置。

示例：获取随机维基百科文章的标题：

const article = await randomWikiBatch.getRandomArticle(['title']);
console.log(article.title);

该代码将会只返回文章的标题。

跨域支持

有时候我们需要在浏览器中进行随机维基百科文章数据的采集，但是在浏览器中通过 AJAX 加载该 package 时，可能会遇到 CORS (Cross-Origin Resource Sharing) 问题。为了解决这个问题，该 package 支持 JSONP 适配，你可以通过指定 callback 参数来使用 JSONP。

示例：

-- -------------------- ---- -------
----- --- - --------------------------------------
----- ------ - ---------------------------------
---------- - --------------------------------------------
----------------------------------

-------- --------------------- -
    --------------------
    ----------------------------------
-

该代码将会在页面中插入一个 script 标签，通过 jsonpCallback 回调函数接收数据并输出。需要注意的是，你需要在 MediaWiki API 的 URL 中添加 &format=json&callback=callbackName 参数，使数据返回格式为 JSONP。

总结

本文介绍了如何使用 npm 包 random-wiki-batch 实现随机数据的采集功能，并提供了详细的代码示例。同时，该包也提供了可定制化的数据返回选项，使得使用者可以根据自身需求选择所需的数据。随机数据采集在前端开发中的应用非常广泛，本教程的介绍可以帮助大家更加高效、快捷的完成数据采集任务。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60055b6a81e8991b448d8efd