上一篇文章讲解“小程序列表渲染”,跨境铁路 国际物流,本篇文章讲解“小程序全国物流查询”。
利用全国物流查询的小功能了解请求接口的使用。
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实现物流查询”
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
千航国际 |
国际空运 |
国际海运 |
国际快递 |
跨境铁路 |
多式联运 |