Wix 电商后台 · 订单与双承运商物流对接（脱敏）

技术信息

语言技术
HTML5、CSS、JavaScript系统类型
Web行业分类
医疗健康

作品详情

行业场景

客户为跨境医疗健康电商，使用 Wix 搭建前台商城与会员体系。随着订单量增长，运营需要在统一后台查看订单、处理付款状态，并对接两家主流快递承运商的 sandbox 环境完成建单、查单、作废与面单下载，替代人工在多个系统间切换。项目重点解决「订单聚合 + 物流写操作 + 权限收口 + 可验收文档」的交付闭环。

功能介绍

1）Dashboard 订单列表：多 Tab 站点筛选、分页、紧急度/付款状态排序与筛选、付款四态展示、跳转订单详情。
2）Order Detail 订单详情：订单字段容错展示、退款/取消 sandbox 演示流、Pre-consult 匹配演示。
3）物流模块（双承运商）：SF 普运/冷链建单、上门收件预约、预计派送查询；JD 建单前 precheck、产品卡与取件时段必选、建单后预计取/送/运费展示与刷新。
4）Shipment 确认弹窗：寄件 profile 可编辑、前端校验、Confirm 后 backend 调承运商 API。
5）权限与审计：SiteMember 权限矩阵、职员白名单二次校验、LogisticsApiLogs 脱敏日志。
6）交付物：源码分支、验收清单、手测步骤、交接文档与 Preview 录屏验收。

项目实现

本人负责整体交付：Wix Velo 页面 + backend webMethod、HTML iframe 与父页 postMessage 协议、shipping adapter 层（mock / sandbox 真 HTTP 切换）、CMS 集合字段设计与 ApiLog 写入、顺丰/京东 sandbox 签名与报文对接、增项 A–G 迭代及 2026-07 试用整改。技术栈：JavaScript（Velo）、HTML iframe、Wix CMS / Secrets、Git 分支交付。难点：JD precheck 与 Confirm 双端校验一致、504/超时降级、权限 fail-closed、iframe 真源与 Git 分离部署。客户 GitHub PR 合并后 Wix 同步 + Editor 粘贴 iframe 即可 Preview 验收。