上一篇文章講解“小程序列表渲染”,本篇文章講解“小程序全國物流查詢”。
利用全國物流查詢的小功能了解請求接口的使用。
1. 購買接口在開始程序之前,首先購買“全國快遞物流查詢接口”。
夠買最低的0.01元/100次即可:
1)創建頁面
在小程序中,創建新頁面,用來做物流查詢。
app.json文件,為了方便,直接放在第一頁即可:
2)構建頁面結構
在express.wxml文件中構建物流查詢的界面格式:
編譯預覽:
在界面層中輸入快遞物流單号,需要将物流單号暫存到交互層(express.js)中。
界面層(wxml)中操作的數據,如果向交互層(js)有反應,都是通過事件來驅動的。 因此為文本框添加事件,将物流單号暫存到交互層。
①為文本框添加事件(express.wxml)
②在交互層中設置數據
③編譯預覽
注意:
1. 在交互層定義的數據,可以在控制台的AppData下看到。
4. 發起請求在界面層點擊“查詢”按鈕後,需要調用接口,根據物流訂單号查詢物流。
①為按鈕添加事件(express.wxml)
②在交互層定義事件(express.js)
5. 物流接口①接口的信息
調用接口也就是調用物流接口,接口的地址、請求類型、返回類型等信息。
接口需要傳的參數:
②接口的用法
購買的接口給出了使用接口的示例,但是沒有小程序的,我們看一下PHP的。
AppCode:是驗證是否購買接口的标識,在“阿裡雲控制台=》雲市場=》已購買的服務”中找到物流接口的AppCode。
header:頭信息,設置頭信息時要注意。
全國物流查詢功能并未完成,需要配合小程序API,由于文章篇幅過長,因此配合小程序API在下一篇文章講解。
關注卓象程序員,定期發布技術文章
下一篇文章講解“小程序API實現物流查詢”
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!