tft每日頭條

 > 生活

 > 微信小程序物流接口

微信小程序物流接口

生活 更新时间:2024-09-10 01:21:42

上一篇文章講解“小程序列表渲染”,本篇文章講解“小程序全國物流查詢”。


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

1. 購買接口

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

微信小程序物流接口(小程序開發連載十六)1

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

微信小程序物流接口(小程序開發連載十六)2


2. 構建物流查詢界面

1)創建頁面

在小程序中,創建新頁面,用來做物流查詢。

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

微信小程序物流接口(小程序開發連載十六)3

2)構建頁面結構

在express.wxml文件中構建物流查詢的界面格式:

微信小程序物流接口(小程序開發連載十六)4

編譯預覽:

微信小程序物流接口(小程序開發連載十六)5


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

在界面層中輸入快遞物流單号,需要将物流單号暫存到交互層(express.js)中。

界面層(wxml)中操作的數據,如果向交互層(js)有反應,都是通過事件來驅動的。 因此為文本框添加事件,将物流單号暫存到交互層。

①為文本框添加事件(express.wxml)

微信小程序物流接口(小程序開發連載十六)6

②在交互層中設置數據

微信小程序物流接口(小程序開發連載十六)7

③編譯預覽

微信小程序物流接口(小程序開發連載十六)8

注意:

1. 在交互層定義的數據,可以在控制台的AppData下看到。


4. 發起請求

在界面層點擊“查詢”按鈕後,需要調用接口,根據物流訂單号查詢物流。

①為按鈕添加事件(express.wxml)

微信小程序物流接口(小程序開發連載十六)9

②在交互層定義事件(express.js)

微信小程序物流接口(小程序開發連載十六)10


5. 物流接口

①接口的信息

調用接口也就是調用物流接口,接口的地址、請求類型、返回類型等信息。

微信小程序物流接口(小程序開發連載十六)11

接口需要傳的參數:

微信小程序物流接口(小程序開發連載十六)12

②接口的用法

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

微信小程序物流接口(小程序開發連載十六)13

AppCode:是驗證是否購買接口的标識,在“阿裡雲控制台=》雲市場=》已購買的服務”中找到物流接口的AppCode。

微信小程序物流接口(小程序開發連載十六)14

header:頭信息,設置頭信息時要注意。

微信小程序物流接口(小程序開發連載十六)15

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

微信小程序物流接口(小程序開發連載十六)16

關注卓象程序員,定期發布技術文章

下一篇文章講解“小程序API實現物流查詢”

微信小程序物流接口(小程序開發連載十六)16

微信小程序物流接口(小程序開發連載十六)18

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved