今天小編給大家分享一下微信小程序中怎么實(shí)現(xiàn)網(wǎng)絡(luò)請(qǐng)求的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。
成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括潼南網(wǎng)站建設(shè)、潼南網(wǎng)站制作、潼南網(wǎng)頁(yè)制作以及潼南網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃等。多年來(lái),我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,潼南網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到潼南省份的部分城市,未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
1. 當(dāng)有APPID的情況下,進(jìn)行網(wǎng)絡(luò)通信,只能和指定的域名進(jìn)行通信。如果沒(méi)有進(jìn)行配置,編譯時(shí)會(huì)報(bào)如下錯(cuò)誤:
配置方法:
設(shè)置域名
需要在微信公眾平臺(tái)的小程序中設(shè)置域名。在微信小程序的設(shè)置界面可以看到設(shè)置選項(xiàng):
選擇開(kāi)發(fā)設(shè)置:
可以看到服務(wù)器設(shè)置:
這里我們可以設(shè)置我們這個(gè)APPID可以訪問(wèn)的域名,每種最多可以設(shè)置兩個(gè)。(注意,此處只能使用 https 的域名,這個(gè)申請(qǐng)過(guò)程需要花費(fèi)一定的時(shí)間)
2. 當(dāng)沒(méi)有APPID的情況下,就方便多了,可以隨意進(jìn)行網(wǎng)絡(luò)請(qǐng)求,不限制域名,但是,這種情況下不能進(jìn)行發(fā)布,也不能在手機(jī)上預(yù)覽。如果想正式做小程序開(kāi)發(fā),還是需要有一個(gè)https的域名,但是學(xué)習(xí)的情況下http的就足夠了。
在小程序中網(wǎng)絡(luò)請(qǐng)求大致分為四種類(lèi)型。
普通HTTPS請(qǐng)求(wx.request)
上傳文件(wx.uploadFile)
下載文件(wx.downloadFile)
WebSocket通信(wx.connectSocket)
這里主要講 wx.request:
使用wx.request可以發(fā)起一個(gè)http請(qǐng)求,一個(gè)微信小程序被限制為同時(shí)只有5個(gè)網(wǎng)絡(luò)請(qǐng)求。注意是同時(shí)。
wx.request({ url: 'http://192.168.1.137:80/app/guanggao', method: 'POST', data: { type: "1" }, header: { 'Accept': 'application/json' }, success: function (res) { that.setData({ images: res.data.data.guanggao }) } fail:function(err){ console.log(err) } })
上面的代碼會(huì)發(fā)送一個(gè)http get請(qǐng)求,其中的參數(shù)也比較容易理解。
url 服務(wù)器的url地址
data 請(qǐng)求的參數(shù)可以采用String data:”xxx=xxx&xxx=xxx”的形式或者Object data:{“userId”:1}的形式
header 設(shè)置請(qǐng)求的header
method http的方法,默認(rèn)為GET請(qǐng)求
success 接口成功的回調(diào)
fail 接口失敗的回調(diào)
另外還有一個(gè)參數(shù)沒(méi)有在代碼里:
complete 調(diào)用接口結(jié)束之后的回調(diào),無(wú)論成功或者失敗該接口都會(huì)被調(diào)用
超時(shí)的設(shè)置
在前文中已經(jīng)提到了在app.js中設(shè)置networkTimeout可以設(shè)置四種類(lèi)型網(wǎng)絡(luò)訪問(wèn)的超時(shí)時(shí)間:
"networkTimeout":{ "request": 10000, "connectSocket": 10000, "uploadFile": 10000, "downloadFile": 10000 }
以上就是“微信小程序中怎么實(shí)現(xiàn)網(wǎng)絡(luò)請(qǐng)求”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。