上一篇文章講解“小程序列表渲染”,跨境鐵路 國際物流,本篇文章講解“小程序全國物流查詢”。
利用全國物流查詢的小功能了解請求接口的使用。
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實現物流查詢”
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
千航國際 |
國際空運 |
國際海運 |
國際快遞 |
跨境鐵路 |
多式聯運 |