上一篇文章讲解“小程序列表渲染”,本篇文章讲解“小程序全国物流查询”。
利用全国物流查询的小功能了解请求接口的使用。
1. 购买接口在开始程序之前,首先购买“全国快递物流查询接口”。
够买最低的0.01元/100次即可:
2. 构建物流查询界面
1)创建页面
在小程序中,创建新页面,用来做物流查询。
app.json文件,为了方便,直接放在第一页即可:
2)构建页面结构
在express.wxml文件中构建物流查询的界面格式:
编译预览:
3. 物流单号暂存到交互层
在界面层中输入快递物流单号,需要将物流单号暂存到交互层(express.js)中。
界面层(wxml)中操作的数据,如果向交互层(js)有反应,都是通过事件来驱动的。 因此为文本框添加事件,将物流单号暂存到交互层。
①为文本框添加事件(express.wxml)
②在交互层中设置数据
③编译预览
注意:
1. 在交互层定义的数据,可以在控制台的AppData下看到。
4. 发起请求在界面层点击“查询”按钮后,需要调用接口,根据物流订单号查询物流。
①为按钮添加事件(express.wxml)
②在交互层定义事件(express.js)
5. 物流接口①接口的信息
调用接口也就是调用物流接口,接口的地址、请求类型、返回类型等信息。
接口需要传的参数:
②接口的用法
购买的接口给出了使用接口的示例,但是没有小程序的,我们看一下PHP的。
AppCode:是验证是否购买接口的标识,在“阿里云控制台=》云市场=》已购买的服务”中找到物流接口的AppCode。
header:头信息,设置头信息时要注意。
全国物流查询功能并未完成,需要配合小程序API,由于文章篇幅过长,因此配合小程序API在下一篇文章讲解。
关注卓象程序员,定期发布技术文章
下一篇文章讲解“小程序API实现物流查询”
,