随着各大电商网购平台的发展,快递业已形成一个规模庞大的产业,据统计,全球快递企业已超过千家,而快递查询对于电商平台而言是最基础的功能之一,通过输入快递单号,不用区分具体是哪家快递公司,即可查询到快递的实时状态。目前的主流方法都是调用第三方快递查询接口,下面就介绍一下在活字格中如何调用API接口来进行快递查询,并将结果展示在页面上。

本例子使用的API是阿里云市场的一个全国快递物流查询接口,有100次免费调用的机会,购买成功后,可在已购买的服务中查看到购买成功的API商品情况。调用方式使用简单身份认证方式,需要用到接口地址以及AppCode

在活字格中,首先需要创建服务端命令来实现接口调用,其中参数是快递单号,使用发送HTTP请求命令,根据接口的文档要求,需要做如下几个配置:

  1. 请求方法为GET,填写请求地址,接口的地址拼接上快递单号

  1. 设置请求头,名称为Authorization,值为“AppCode + 半角空格 +AppCode值”

  1. 通过返回命令将接口的数据返回

接下来就是在前端页面调用写好的服务端命令,然后将返回的结果进行展示。活字格提供了JSON反序列化命令来进行数据解析,然后可以使用导入JSON数据到单元格进行数据的展示,使用ElementUI的时间线插件可以很方便的展示快递的详细情况。

使用活字格,不用写一行代码就可以实现以上功能,而且整个开发过程半个小时就能搞定,下面有本例子的工程文件,修改一下样式就可以使用啦。

https://gcdn.grapecity.com.cn/forum.php?mod=attachment&aid=MjQwNDQ2fGM1YTliYjAyfDE2NjY4NjE4ODd8NjI2NzZ8OTk3MTg%3D

Logo

低代码爱好者的网上家园

更多推荐