npm包 wikipedia-js-media-npm 使用教程

前言

在开发前端应用程序时,我们经常需要使用外部数据源。在这些数据源中,维基百科通常是非常有用的资源。wikipedia-js-media-npm是一个为Node.js和浏览器提供维基百科搜索引擎的npm包。

本教程将会教会你如何使用wikipedia-js-media-npm包来进行维基百科搜索。这个教程将通过以下几个步骤来实现:

  1. 安装wikipedia-js-media-npm
  2. 初步调用
  3. 更深入的操作和定制

安装 wikipedia-js-media-npm

在你的项目中可以通过npm进行安装:

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

初步调用

在我们开始调用wikipedia-js-media-npm之前,让我们先确认一下你是否已经准备好了你的环境。

请确保你已经:

  1. 设置了Node.js环境
  2. 安装了npm包管理器

现在我们来看一下如何在我们的代码中引用wikipedia-js-media-npm并使用它:

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

在这个简单的示例中,我们首先引入了wikipedia-js-media-npm包。我们定义了一个options对象,它包含要搜索的字符串和返回格式(html)。然后我们调用wiki.searchArticle方法,它需要两个参数,一个是我们定义的options对象,另一个是回调函数。这个回调函数用于传递我们搜索到的数据。

更深入的操作和定制

我们已经成功地进行了一次搜索并打印了HTML格式的维基百科文章。但是,wikipedia-js-media-npm还有很多其他的定制选项,让我们来看一下更深入的操作。

在搜索结果中包含图片

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

在这个示例中,我们设置新的options对象,我们添加了一个image选项,这个选项用来在我们的搜索结果中包含图片。我们也把summaryOnly选项设置为true,这样我们只会得到每篇文章的摘要。在回调函数中,我们打印了我们得到的HTML文本。

返回维基百科中的JSON

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

在这个示例中,我们把format选项设置为json,因此返回的文章数据将是JSON格式的。

自定义转换

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

在这个示例中,我们定义了一个名为 transformHTML 的函数,这个函数被用来自定义转换我们得到的HTML内容。我们在回调函数中调用这个函数,并打印我们转换后得到的文本。

总结

在本教程中,我们已经学习了如何使用wikipedia-js-media-npm npm包进行维基百科搜索,在更深入的操作中,我们自定义了转换函数来对我们的结果进行处理,以及使用不同选项来自定义搜索结果。

通过学习使用wikipedia-js-media-npm,我们现在可以轻松地在我们的应用程序中使用维基百科作为外部数据源。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600572f481e8991b448e9185


猜你喜欢

  • npm 包 homebridge-sesame-beta 使用教程

    前言 homebridge 是行业内较为流行的智能家居管理框架,其通过一系列插件实现对各种智能设备的统一管理。而 homebridge-sesame-beta 则是面向sesame 可自动加锁自动解锁...

    3 年前
  • npm 包 avdo 使用教程

    什么是 avdo avdo 是一个集成了视频处理、音频处理、图像处理等功能的 npm 包,可以在前端项目中使用。 如何安装 avdo 执行以下命令安装: --- ------- ----如何使用 av...

    3 年前
  • npm 包 parcel-plugin-inline-worker 使用教程

    前言 在前端开发过程中,我们经常需要使用 web worker 来提高程序性能和用户体验,但是 worker 文件必须是独立的文件,这就带来了一个问题:如何将 worker 文件打包进入生产环境? p...

    3 年前
  • npm 包 "little-cleaner" 使用教程

    简介 "little-cleaner" 是一个可以帮助前端开发者对代码进行简单的清洁和格式化的 npm 包。它可以用于清洁 HTML、CSS 和 JavaScript 代码,使其易于阅读和维护。

    3 年前
  • npm 包 scrollemitter 使用教程

    随着网页的复杂度不断提高,需要监听滚动事件的场景也越来越多。虽然原生的滚动事件很好用,但是在实际开发中,我们更希望有一种更便捷、更高级的方式来监听滚动事件,以便更好地控制网页的交互效果。

    3 年前
  • npm 包 aurelia-ssr-engine 使用教程

    在这个现代化的 Web 开发时代,单页面应用(SPA)已经成为了主流。SPA 的核心优势是可以将整个 Web 应用程序逻辑全部交给前端应用程序来完成,从而使后端业务逻辑变得简单化。

    3 年前
  • npm 包 bruteforcer 使用教程

    npm 包 bruteforcer 使用教程 前言 随着互联网的发展,越来越多的网站需要用户进行注册或登录,而用户又可能会忘记自己的用户名或密码,因此需要开发一些工具来辅助用户找回密码或者对用户密码进...

    3 年前
  • npm 包 fnc-args 使用教程

    介绍 fnc-args 是一个基于 Node.js 平台的 npm 包,专门用来解析函数参数。它可以帮助开发者方便地获取函数参数名及其对应的值,并且支持 TypeScript 和 JavaScript...

    3 年前
  • npm 包 sinkmvc 使用教程

    在前端开发中,常常会用到各种 npm 包来快速构建应用,提高生产效率。而 sinkmvc 就是一个方便快捷的 npm 包,它能帮助我们快速构建一个具备 MVC 架构的前端应用。

    3 年前
  • npm 包 mont 使用教程

    npm 是 Node.js 的包管理器,它可以方便地帮助我们管理第三方模块。其中,mont 是一个简单的 HTTP 服务器,它可以用于开发和测试 Web 应用程序。

    3 年前
  • npm 包 @rabbitcc/create 使用教程

    如果你正在从事前端开发,那么你一定会频繁地使用 npm 来安装各种包。每次使用 npm init 来创建项目时,都需要手动输入一些信息,这个过程有时候会比较繁琐。为了优化这一步骤,@rabbitcc/...

    3 年前
  • npm 包 generator-chehejia-test-test-test 使用教程

    介绍 generator-chehejia-test-test-test 是一种用于生成前端项目的脚手架工具。它基于 Yeoman,可以快速地生成项目基础结构,包括文件夹、配置文件、测试文件等等。

    3 年前
  • npm 包 vue-sync-form 使用教程

    简介 vue-sync-form 是一个基于 Vue.js 的 npm 包,它可以轻松实现表单元素与数据模型之间的双向数据绑定。该包可以大幅度减轻前端开发任务中表单元素与数据模型处理的负担,帮助开发者...

    3 年前
  • npm 包 toastedjs 使用教程

    在前端开发中,经常需要弹出一些提示框来提醒用户或者进行交互,这时候我们就需要用到一些工具库来方便我们实现这些功能。在这篇文章中,我将介绍一个非常好的 npm 包 toastedjs,并提供使用教程和示...

    3 年前
  • npm 包 trujs-test 使用教程

    在前端开发中,我们经常需要编写测试用例来保证代码的质量和正确性。而编写测试用例的过程需要手动编写大量的代码,这对于开发效率和代码维护来说都是一种挑战。 为了解决这个问题,我们可以使用 npm 包 tr...

    3 年前
  • npm 包 namespace-matcher 使用教程

    在前端开发过程中,我们经常会使用一些第三方的 npm 包来优化我们的开发效率和工作质量。随着前端技术的不断发展,npm 包的数量也在不断增长。但是因为不同的机构或开发者可能会定义同样的包名,这就可能导...

    3 年前
  • npm 包 whitespace-parse 使用教程

    在前端开发中,经常需要处理文本或字符串数据。而这些数据中间可能存在着一些空格或制表符等不可见的“空白字符”,使用正则表达式等手段去处理这些空白字符比较繁琐。这时候,npm 包 whitespace-p...

    3 年前
  • npm 包 kb-form 使用教程

    在前端开发中,表单是非常常见的组件,而处理表单的方式也各有不同。而本文要介绍的 npm 包 kb-form ,是一种简单易用的表单组件的解决方案。本文将以详细、有深度和学习以及指导意义的方式来介绍 k...

    3 年前
  • npm 包 gametoken 使用教程

    概述 gametoken 是一个基于区块链技术的 npm 包,用于游戏中的用户身份验证、虚拟资产所有权确认等功能。它使用 ERC-721 标准实现了虚拟资产的唯一性。

    3 年前
  • npm 包 kosbit-form 使用教程

    随着前端技术的不断发展,前端工具和框架层出不穷,其中 npm 包作为前端开发者不可缺少的工具之一。而 kosbit-form 是一个功能强大的表单生成器工具,通过安装 npm 包,可以轻松地生成复杂的...

    3 年前

相关推荐

    暂无文章