简介
在前端开发中，常常需要进行物流追踪功能的开发。而 npm 包 shipment-lib 就是一个方便实现物流追踪功能的工具库。本文将会介绍该 npm 包的详细使用方法，以及对于物流追踪功能的实现方法做出指导意义的说明。
安装
通过 npm 安装 shipment-lib，可以通过以下命令：
npm install shipment-lib --save
使用
初始化
首先，我们需要在代码中导入 shipment-lib，并初始化一个物流公司实例：
import ShipmentLib from 'shipment-lib';
const shipment = new ShipmentLib({
company: 'sf',
number: '1234567890'
});其中，company 为物流公司的简称，number 为快递单号。目前 shipment-lib 支持的物流公司可以在这里查看。若快递公司不在该列表内，也可以通过 {company: 'other', number: '1234567890'} 的方式手动载入信息。
获取物流信息
接下来，我们可以利用 get() 函数来获取物流信息：
shipment.get((error, data) => {
if (error) {
console.log(error);
} else {
console.log(data);
}
});其中，data 为一个数组，表示不同时间点的物流信息。你可以根据具体的业务需求，使用不同的组合方式来展示物流信息。
示例
下面是一个完整的示例，通过 Vue 实现了基于 shipment-lib 的物流信息展示组件：
-- -------------------- ---- -------
----------
-----
--------------
----
--- ------------- ------ -- ------------- -------------
-- --------- -- -- ------------ --
-----
-----
------
-----------
--------
------ ----------- ---- ---------------
------ ------- -
----- ----------------
------ -
-------- -
----- -------
--------- ----
--
------- -
----- -------
--------- ----
-
--
------ -
------ -
--------- -----
------------- ----
--
--
--------- -
------------- - --- -------------
-------- -------------
------- -----------
---
------------------------- ----- -- -
-- ------- -
-------------------
- ---- -
----------------- - -----
-
---
-
--
---------指导意义
物流信息展示
在使用 shipment-lib 获取到物流信息后，你可以根据具体的业务需求，使用不同的组合方式来展示物流信息。比如，你可以在订单详情页面中展示物流信息，以便让用户了解订单当前的状态。
物流信息监控
一般来说，我们希望订单状态有更新时自动地向用户发送邮件或短信通知。利用工具库 nodemailer 和 node-schedule 可以实现对于物流信息的实时监控并在特定条件下发出通知。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005598281e8991b448d7154