uniapp 物流跟踪实现指南

最新推荐文章于 2025-10-24 12:51:21 发布

原创

最新推荐文章于 2025-10-24 12:51:21 发布 · 475 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

一、实现步骤

获取物流单号
- 用户下单后从订单系统获取快递单号和承运公司
调用物流API
- 使用第三方物流接口（如快递鸟、快递100）
数据处理
- 解析API返回的物流轨迹数据
UI展示
- 设计时间轴组件展示物流状态

二、核心代码实现

1. API请求封装（`/utils/express.js`）

const API_KEY = 'your_api_key'; // 替换为实际API密钥

export function getExpressInfo(expressNo, shipperCode) {
  return new Promise((resolve, reject) => {
    uni.request({
      url: 'https://api.kdniao.com/Ebusiness/EbusinessOrderHandle.aspx',
      method: 'POST',
      data: {
        LogisticCode: expressNo,
        ShipperCode: shipperCode,
        OrderCode: '',
      },
      header: {
        'Content-Type': 'application/x-www-form-urlencoded'
      },
      success: (res) => {
        if (res.data.Success) {
          resolve(res.data.Traces.