微信小程式入門教程之網路請求

2022-09-24 02:54:10 字數 1035 閱讀 5972

前文講配置的時候我們說過,開發小程式時可以選擇有 appid 和 無 appid ,兩種方式。

1.當有appid的情況下,進行網路通訊,只能和指定的網域名稱進行通訊。如果沒有進行配置,編譯時會報如下錯誤:

配置方法:

設定網域名稱

需要在微信公眾平台的小程式中設定網域名稱。在微信小程式的設定介面可以看到設定選項:

選擇開發設定:

可以看到伺服器設定:

這裡我們可以設定我們這個appid可以訪問的網域名稱,每種最多可以設定兩個。(注意,此處只能使用https的網域名稱,這個申請過程需要花費一定的時間)

2.當沒有appid的情況下,就方便多了,可以隨意進行網路請求,不限制網域名稱,但是,這種情況下不能進行發布,也不能在手機上預覽。如果想正式做小程式開發,還是需要有乙個https的網域名稱,但是學習的情況下http的就足夠了。

在小程式中網路請求大致分為四種型別。

·普通https請求(wx.request)

·上傳檔案(wx.uploadfile)

·**檔案(wx.downloadfile)

·websocket通訊(wx.connectsocket)

這裡主要講 wx.request:

使用wx.request可以發起乙個http請求,乙個微信小程式被限制為同時只有5個網路請求。注意是同時。

上面的**會傳送乙個http get請求,其中的引數也比較容易理解。

· url伺服器的url位址

· data請求的引數可以採用string data:」***=***&***=***」的形式或者object data:的形式

· header設定請求的header

· methodhttp的方法,預設為get請求

· success介面成功的**

· fail介面失敗的**

另外還有乙個引數沒有在**裡:

· complete呼叫介面結束之後的**,無論成功或者失敗該介面都會被呼叫

超時的設定

在前文中已經提到了在app.js中設定networktimeout可以設定四種型別網路訪問的超時時間:

微信小程式開發入門教程

本系列教程將引導你完成如下任務 新增小程式示例demo到專案 體驗小程式常用元件及介面 第二章 新增小程式demo專案 啟動開發者工具後,如下圖所示 點選確認登入後,除錯型別選擇 本地小程式專案 點再擊新增專案 專案配置時 專案名稱,可以填 方倍工作室小程式開發入門教程 專案目錄選擇官方demo解壓...

開發微信小程式入門教程,含破解工具

很多人問我這是什麼?我一般回答 這是未來。關於使用教程網上已經有非常多的教程了,我在這裡也不過多贅述,就簡單的介紹一下。mac的安裝方式很簡單,與普通應用的安裝方式一樣。依次開啟 系統便好設定 安全與隱私 點按鎖按鈕以進行更改 選擇 任何 根據提示點 是 開啟 然後就可以正常的開啟應用了 以下是截圖...

微信小程式網路請求封裝

date 2020 3 3 desc 網路請求工具 var u 請求返回體模型 請求方式 u.get get get型別請求 u.post post post型別請求 請求的code u.statuscode success 200 開發者伺服器返回的 http 成功狀態碼 u.code succe...