上一篇文章講解“小程序列表渲染”，跨境鐵路 國際物流，本篇文章講解“小程序全國物流查詢”。

利用全國物流查詢的小功能了解請求接口的使用。

1. 購買接口

在開始程序之前，首先購買“全國快遞物流查詢接口”。

夠買最低的0.01元/100次即可：

2. 構(gòu)建物流查詢界面

1）創(chuàng)建頁面

在小程序中，創(chuàng)建新頁面，用來做物流查詢。

app.json文件，為了方便，直接放在第一頁即可：

2）構(gòu)建頁面結(jié)構(gòu)

在express.wxml文件中構(gòu)建物流查詢的界面格式：

編譯預(yù)覽：

3. 物流單號暫存到交互層

在界面層中輸進(jìn)快遞物流單號，需要將物流單號暫存到交互層（express.js）中。

界面層（wxml）中操縱的數(shù)據(jù)，假如向交互層（js）有反應(yīng)，都是通過事件來驅(qū)動(dòng)的。 因此為文本框添加事件，跨境鐵路 國際物流，將物流單號暫存到交互層。

①為文本框添加事件（express.wxml）

②在交互層中設(shè)置數(shù)據(jù)

③編譯預(yù)覽

留意：1. 在交互層定義的數(shù)據(jù)，可以在控制臺的AppData下看到。

4. 發(fā)起請求

在界面層點(diǎn)擊“查詢”按鈕后，需要調(diào)用接口，根據(jù)物流訂單號查詢物流。

①為按鈕添加事件（express.wxml）

②在交互層定義事件（express.js）

5. 物流接千航國際口

①接口的信息

調(diào)用接口也就是調(diào)用物流接口，接口的地址、請求類型、返回類型等信息。

接口需要傳的參數(shù)：

②接口的用法

購買的接口給出了使用接口的示例，但是沒有小程序的，我們看一下PHP的。

AppCode：是驗(yàn)證是否購買接口的標(biāo)識，在“阿里云控千航國際制臺=》云市場=》已購買的服務(wù)”中找到物流接口的AppCode。

header：頭信息，設(shè)置頭信息時(shí)要留意。

全國物流查詢功能并未完成，需要配合小程序API，由于文章篇幅過長，因此配合小程序API在下一篇文章講解。

關(guān)注卓象程序員，空運(yùn)報(bào)價(jià) 海運(yùn)價(jià)格，定期發(fā)布技術(shù)文章

下一篇文章講解“小程序API實(shí)現(xiàn)物流查詢”