本文将介绍如何使用 npm 包 waybill-parser 解析物流运单信息，帮助前端开发者便捷地处理物流信息，提高开发效率。
什么是 waybill-parser
waybill-parser 是一款能够解析各种快递运单信息的 npm 包。它能够根据运单号和快递公司代码，快速解析出快递信息、状态、时间等关键信息，让前端开发者无需编写繁琐的正则表达式和字符串处理代码。同时，它还支持天猫、京东等电商平台的物流信息解析。
安装
在命令行中输入以下命令，即可安装 waybill-parser：
npm install waybill-parser --save
使用
在项目中引入 waybill-parser，通过指定运单号和快递公司代码，即可解析出物流信息。
const waybillParser = require('waybill-parser');
waybillParser.parse('运单号', '快递公司代码').then((data) => {
console.log(data);
}).catch((error) => {
console.error(error);
});运行结果如下：
{
"status": "已签收",
"time": "2021-07-18 11:00:00",
"location": "广州市",
"description": "已签收，签收人：xxx，感谢使用xxx业务，期待再次为您服务"
}支持的快递公司
waybill-parser 目前支持国内众多快递公司，包括但不仅限于：
顺丰速运、申通快递、圆通速递、韵达快递、中通快递、百世快递、京东物流、天天快递、全峰快递、EMS、德邦物流、宅急送、优速快递等。
示例代码
在以下代码中，我们将通过运单号和快递公司代码解析出快递的进度和状态，并使用 Material Design 风格的卡片组件将信息展示出来。
HTML
-- -------------------- ---- -------
---- -------------
---- --------------------
----
------
--- ----------------- ------------------
--- --------------------------- ----- ------------------------
--- --------------------------- ----- ----------------------
--- --------------------------- ----- --------------------------
--- --------------------------- ----- -----------------------------
-----
------CSS
-- -------------------- ---- ------- ----- - ------- ---- ----- ---------- ------ -------------- ---- ----------- - --- --- ------- -- -- ------ - --- --- ------- -- -- ------ - ------------ - -------- ----- ---------- ----- ------------ ---- ----------------- -------- ------ ----- ----------------------- ---- ------------------------ ---- - ---------------- - -------- ----- ---------------- -------------- ------------ ------- - --------------------------------- - -------------- ----- - ---------------- ---- - ---------- ----- ------------ ---- -
JavaScript
-- -------------------- ---- ------- ----- ------------- - -------------------------- -------------------------- --------------------- -- - ----- ------ - ---------------------------------- ----- ---- - -------------------------------- ----- -------- - ------------------------------------ ----- ----------- - --------------------------------------- ---------------- - ------------ -------------- - ---------- ------------------ - -------------- --------------------- - ----------------- ---------------- -- - --------------------- ---
结语
通过本文的介绍，相信大家已经了解了如何使用 waybill-parser 解析物流运单信息并且快速地展示到界面上。此外，waybill-parser 还提供了日志查询、邮件通知等功能，变得更加灵活。在实际项目中，能够合理地使用 npm 包将有效提高开发效率，推荐各位开发者使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005556481e8991b448d296f