查快递

  1. 演示

  2. 在页面中添加一个表单form,放入input,用于输入快递单号;添加查询按钮。

  3. 到阿里云云市场购买一个快递查询接口,本例中使用的是API接口可以免费调用100次。
    阅读API文档并记录AppCode(放在headers对象的Authorization字段里)。

  4. AppCode作为敏感信息应该放在后端服务中:$api.service(name, option)
    所有阿里云云市场里购买的API服务都可以统一使用同一个后端服务,所以给它起个服务名称aliapi,这里的单号no放在请求参数里,可选的快递公司type先省了,调用地址和请求参数并在以前作为url放在选项option里:$api.service("aliapi", { url: "https://wuliu.market.alicloudapi.com/kdi?no=" + $f.x.no })
    在后端安全里添加接口$api.service,填入exc($exp["服务_" + name] || ""),再添加$exp.服务_aliapi来通过$api.request()请求第三方API:

    $api.request(option.url, {headers: {Authorization: "APPCODE 上面记录的AppCode"}})
    $r
  5. newdate
    点击按钮已经可以得到api返回的数据了。为了更好的展示我们把物流日期到新的一天的时候加上日期和星期,我们把每个时间节点都格式化成年月日后跟前一天(数组循环时$array[$index - 1]指向上一条数据项)比较,如果不同就添加类名newdate

  6. 展示

Make in ZC APP Platform