实现原理:调用API接口将获取的数据展示在界面上。
实现难点:

{获取input框内的值并给将其保存到全局变量}
{编写点击函数btnclick}
{将接口返回的数据作为变量再次调用}
{编写接口函数传进input框内的值并且使用回调函数将数据回传给一个全局变量}

我这里使用的是快递鸟的API接口,由于这个接口不能省略ShipperCode(快递公司编码),因此要先使用快递鸟单号识别的API接口。

我的思路是讲单号先进行识别快递公司,然后再调用查询的接口。查阅api文档如下

请求系统级参数说明:
参数名称 类型 说明 必须要求
RequestData String 请求内容需进行URL(utf-8)编码。

请求内容JSON格式,须和DataType一致。

R
EBusinessID String 商户ID,请在我的服务页面查看。 R
RequestType String 请求指令类型:1002 R
DataSign String 数据内容签名:把(请求内容(未编码)+AppKey)进行MD5加密,

然后Base64编码,最后 进行URL(utf-8)编码。详细过程请查看Demo。

R
DataType String 请求、返回数据类型:2-json; O

贴一下API中关于获取DataSign的代码,使用方法:app.js中调用

大概流程

单号输入框绑定input,查询按钮绑定btnClick。wx.request调用API请求,返回的数据使用review wx:for显示在首页上面。

这个微信小程序大概是一个月前做的,期间发生了一件事情导致了没有及时写这篇文章,我的快递查询小程序已经上线,大家可以用微信扫一扫下面的图片进行体验

做了一个快递查询的微信小程序-秋名山の纸飞机