随着各大电商网购平台的发展,快递业已形成一个规模庞大的产业,据统计,全球快递企业已超过千家,而快递查询对于电商平台而言是最基础的功能之一,通过输入快递单号,不用区分具体是哪家快递公司,即可查询到快递的实时状态。目前的主流方法都是调用第三方快递查询接口,下面就介绍一下在活字格中如何调用API接口来进行快递查询,并将结果展示在页面上。
本例子使用的API是阿里云市场的一个全国快递物流查询接口,有100次免费调用的机会,购买成功后,可在已购买的服务中查看到购买成功的API商品情况。调用方式使用简单身份认证方式,需要用到接口地址以及AppCode。
在活字格中,首先需要创建服务端命令来实现接口调用,其中参数是快递单号,使用发送HTTP请求命令,根据接口的文档要求,需要做如下几个配置:
- 请求方法为GET,填写请求地址,接口的地址拼接上快递单号
- 设置请求头,名称为Authorization,值为“AppCode + 半角空格 +AppCode值”
- 通过返回命令将接口的数据返回
接下来就是在前端页面调用写好的服务端命令,然后将返回的结果进行展示。活字格提供了JSON反序列化命令来进行数据解析,然后可以使用导入JSON数据到单元格进行数据的展示,使用ElementUI的时间线插件可以很方便的展示快递的详细情况。
使用活字格,不用写一行代码就可以实现以上功能,而且整个开发过程半个小时就能搞定,下面有本例子的工程文件,修改一下样式就可以使用啦。