npm 包 ups-tracker 使用教程

在前端开发中，我们常常需要使用外部的资源来实现某些功能。其中，npm 上的包是我们常用的一种方式。本文将为大家介绍一个常用的 npm 包 - ups-tracker，并详细介绍其使用教程。

什么是 ups-tracker

ups-tracker 是一个开源的 npm 包，用于查询 UPS 快递单号的物流信息。其使用简单，只需要传入快递单号和选项参数，即可获取物流信息。

安装 ups-tracker

使用 npm 安装 ups-tracker 时，需要在终端中执行以下命令：

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

使用 ups-tracker

在安装完 ups-tracker 后，我们就可以在项目中引入该包并使用了。

假设我们有一个查快递信息的页面，现在要查询单号为 1234567890 的快递信息。

我们先在页面中引入 ups-tracker 包：

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

然后调用 upsTracker 函数，传入要查询的快递单号和可选参数：

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

其中，可选参数包括：

  • useragent: 浏览器的 useragent 字符串，用于模拟浏览器环境，默认值为 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.134 Safari/537.36'
  • networkidle2: 等待网络空闲的时间，用于防止页面还未加载完就返回结果，默认值为 'networkidle2'

以上代码会返回一个 Promise，如果查询成功会返回一个包含物流信息的对象，例如：

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

示例代码

以下是一个完整的查询快递信息的示例代码：

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

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

结语

ups-tracker 是一个非常方便的快递信息查询 npm 包，使用起来也非常简单。在我们的项目中，如果需要查询 UPS 快递单号的物流信息，不妨使用 ups-tracker 来实现。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600560b481e8991b448defd1

阅读全文

猜你喜欢

  • npm包topolr-module-sdata使用教程

    引言 在前端开发过程中，难免会遇到数据管理的问题。Topolr-module-sdata是一个npm包，它可以轻松地解决前端数据管理的问题。本文将详细地介绍这个npm包的使用方法，包括如何安装、初始化...

    3 年前
  • npm 包 promise-to-call 使用教程

    在前端开发中，使用 Promise 可以优化异步操作的处理，当然，在使用 Promise 的过程中，很容易遇到一些困难，比如将已有的回调函数转换为 Promise，这时候，我们可以使用 npm 包 p...

    3 年前
  • npm包jqm-simple-colorpicker使用教程

    在前端开发中，颜色选择器是一个不可缺少的组件，它可以帮助我们方便地选择需要的颜色值。而 jqm-simple-colorpicker 就是一个非常方便实用的颜色选择器 jQuery 插件。

    3 年前
  • npm 包 pattern-guard 使用教程

    前言 在前端开发中，我们经常需要进行数据的验证和格式化，以确保数据的可靠性和合法性。而 pattern-guard 这个 npm 包就是一款用于数据验证和格式化的工具，能够快速实现常见的验证和格式化需...

    3 年前
  • npm 包 pg-to-excel 使用教程

    Npm 包 pg-to-excel 是一个用于从 PostgreSQL 数据库中导出 Excel 文件的工具，也是前端开发中比较常用的一个工具。本文将详细介绍如何安装以及使用它。

    3 年前
  • npm 包 trowel-collapses 使用教程

    trowel-collapses 是一个针对前端开发中经常出现的信息折叠需求的 npm 包。在页面中，我们经常需要做出折叠不同的部分或者模块，trowel-collapses.提供了非常简单易用的方式...

    3 年前
  • npm包 @rocketpants/ngrx-utils 使用教程

    前言 在开发前端应用时，我们往往需要实现一些复杂的业务逻辑，它们可能会在应用中的多个地方用到，因此我们需要一种可重用的方式来处理这些逻辑。通常，我们会把这些逻辑封装为方法或者函数，但是这种方式很难在多...

    3 年前
  • npm 包 @schibstedspain/sui-studio-create 使用教程

    在前端开发中，使用 npm 包已经成为常规的编程操作。npm 是目前最流行的 Node.js 包管理器，提供了一个丰富的资源库供开发人员使用。本文介绍 npm 包 @schibstedspain/su...

    3 年前
  • npm 包 chartjs-ng2 使用教程

    前言 Chart.js 是一个流行的 JavaScript 绘制图表库，但它并不是做得最好的，于是便有了 chartjs-ng2 这个 npm 包。该包将 Chart.js 库封装成 Angular2...

    3 年前
  • npm 包 cocache-schema 使用教程

    在前端开发过程中，我们经常需要处理本地存储的问题。而针对本地存储，我们可以使用一个优秀的 npm 包 cocache-schema，它是一个支持缓存数据结构定义与自动化处理的 npm 包。

    3 年前
  • npm 包 cocache 使用教程

    简介 npm 是目前最常用的 JavaScript 包管理器，在前端开发中扮演着非常重要的角色。随着项目规模的增加，缓存数据的需求也越来越大。cocache 是一个基于 npm 的缓存管理工具，可用于...

    3 年前
  • npm 包 Unfurled 使用教程

    随着互联网的发展，越来越多的人使用社交媒体来分享他们的内容。在社交媒体上分享链接时，系统可能会自动展开（即 unfurl）该链接并显示一些元数据，例如网站的标题、描述、图像等。

    3 年前
  • npm 包 blue-templates 使用教程

    什么是 blue-templates？ blue-templates 是一个基于模板引擎 handlebars 的 npm 包，它提供了一些基础的模板和组件，可以方便地编写前端页面。

    3 年前
  • npm 包 eslint-config-blue 使用教程

    在前端开发中，我们经常需要使用 ESLint 来检查和规范我们的JavaScript代码，而 eslint-config-blue 是一款基于 Airbnb JavaScript Style Guid...

    3 年前
  • npm 包 com-fs-plugin-sample 使用教程

    在前端开发中，我们经常会使用各种 npm 包来辅助我们的开发工作，以提高开发效率和易用性。其中，com-fs-plugin-sample 是一款非常实用的 npm 包，它提供了一系列操作文件的 API...

    3 年前
  • npm 包 v-slide 使用教程

    在前端开发中，常常需要使用滑动效果来优化用户体验。针对这种需求，有许多优秀的 npm 包可供使用，其中 v-slide 是一种非常实用的滑动组件。在本文中，我们将为您介绍 v-slide 的使用方法以...

    3 年前
  • npm 包 mya-deploy-zip 使用教程

    前言 在现代Web应用程序的开发中，部署和发布是必不可少的环节。因此，选择一个好的部署工具是很重要的。本文将介绍一个npm包 mya-deploy-zip，为前端开发者提供一个简单易用的部署工具，包括...

    3 年前
  • npm 包 node-simple-odata-server-power-bi 使用教程

    当今大多数数据驱动的应用程序都需要与不同数据源进行交互，因此在前端开发中使用 OData 协议已变得越来越普遍。OData 是一种开放标准，它允许通过 URI 访问和操作数据。

    3 年前
  • npm 包 immutable-list 使用教程

    什么是 immutable-list？ immutable-list 是一个用于 JavaScript 的不可变（immutable）列表库。它允许创建新的列表而不会改变现有列表的内容，这在前端开发中...

    3 年前
  • npm 包 ranky 使用教程

    在前端开发中，我们经常需要对一组数据进行排序和筛选，npm 包 ranky 可以帮助我们轻松地实现这一功能。本文将详细介绍 ranky 的使用方法。 安装 使用 npm 包管理工具安装 ranky： ...

    3 年前

相关推荐

    暂无文章