随着各大电商网购平台的发展,快递业已形成一个规模庞大的产业,据统计,全球快递企业已超过千家,而快递查询对于电商平台而言是最基础的功能之一,通过输入快递单号,不用区分具体是哪家快递公司,即可查询到快递的实时状态。目前的主流方法都是调用第三方快递查询接口,下面就介绍一下在活字格中如何调用 API 接口来进行快递查询,并将结果展示在页面上。
本例子使用的 API 是阿里云市场的一个全国快递物流查询接口,有 100 次免费调用的机会,购买成功后,可在已购买的服务中查看到购买成功的 API 商品情况。调用方式使用简单身份认证方式,需要用到接口地址以及AppCode。
在活字格中,首先需要创建服务端命令来实现接口调用,其中参数是快递单号,使用发送 HTTP 请求命令,根据接口的文档要求,需要做如下几个配置:
接下来就是在前端页面调用写好的服务端命令,然后将返回的结果进行展示。活字格提供了 JSON 反序列化命令来进行数据解析,然后可以使用导入 JSON 数据到单元格进行数据的展示,使用 ElementUI 的时间线插件可以很方便的展示快递的详细情况。
使用活字格,不用写一行代码就可以实现以上功能,而且整个开发过程半个小时就能搞定,下面有本例子的工程文件,修改一下样式就可以使用啦。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.