您當前位置>首頁 » 新聞資訊 » 小(xiǎo)程序相(xiàng)關 >
微(wēi)信小(xiǎo)程序的(de)網絡設置,及網絡請(q÷÷∑→ǐng)求:wx.request(OBJECT)
發表時(shí)間(jiān):2021-3-31
發布人(rén):葵宇科(kē)技(jì)
浏覽次數(shù):98
微(wēi)信小(xiǎo)程序要(yào)實現(xiàn)網絡請(qǐng)求,首&& σ先要(yào)對(duì)其進行(xíng)設置,下(xià)面以”微(wēi)∞≈信web開(kāi)發者工(gōng)具V1.01.170913”為(wèi)例
一(yī):對(duì)于服務器(qì)網站(zhàn)沒有(yǒu)備案,或隻需要(yà™≈γo)做(zuò)本地(dì)測試的(de)用(yòn☆↔g)戶
在“微(wēi)信web開(kāi)發者工(gōng)具”的 ±γ(de)“設置”->“項目設置”->“項目設置”中
選:不(bù)校(xiào)驗安全域名、TLS 版本以及 HTTPS 證書(shū),如(rú)下&→<≠(xià)圖
二:對(duì)已有(yǒu)備案的(de)網站(zhàn)服務器(qì)用(yε€òng)戶
因為(wèi)小(xiǎo)程序隻支持https的(de)域♣ ≤®名,所以先要(yào)确保自(zì)己的(de)網站(zhàn)服務器(qì)已安裝了(l'✘≤e)SSL證書(shū),至于怎樣安裝,可(kě)參考我之前的(de)文(wén)章(zhāε↔ng),如(rú)下(xià):
一(yī):https的(de)簡單介紹及SSL證書(shū)的λ'£®(de)生(shēng)成
二:https的(de)SSL證書(shū)在服務器(qì)端的(de)部署,基于t™λomcat,spring boot
三:讓服務器(qì)同時(shí)支持http、https,≈ ♣基于spring boot
四:https的(de)SSL證書(shū)在Android端基于o≤γkhttp,Retrofit的(de)使用(yòng)
然後,通(tōng)過下(xià)面兩步設置
1):在mp.weixin.qq.com中用(yòng)自(zì)己的(de)小(xiǎo)程序'•帳号登錄,在”設置”->”開(kāi)發設置”中填寫服務器(qì)域π名,如(rú)下(xià)圖:
設置完後,在“微(wēi)信web開(kāi)發者工(gōng)具”的(d'®e)“設置”->“項目設置”->“域名信息”中會(h₹€→§uì)看(kàn)到(dào)剛在後台的(de)域名設置,如✘φ(rú)下(xià)圖:
2):在“微(wēi)信web開(kāi)發者工(gōng)具”的ε&÷(de)“設置”->“項目設置”->“項目設置↕≈₹”中
不(bù)要(yào)選:不(bù)校(xiào)驗安全域名、TLS 版本以及 H₹☆∏TTPS 證書(shū),如(rú)下(xià)圖
三:設置完成後,就(jiù)開(kāi)始代碼部分(fēn)
先設置一(yī)個(gè)view用(yòng)于顯示收到(dào)服務器(qì)應₩ 答(dá)的(de)數(shù)據
再設置一(yī)個(gè)button,用(yòng)于點擊時(shí)調用(y♦$λòng)”httpRequest()”發起對(duì)服務器(q>↑♥ì)的(de)請(qǐng)求
pages\index\index.wxml 內(nèi)容如(rú)下(xià):
<!--index.wxml-->
<view class≈®σ="container">
<!-- This is✘πβ our View -->
<view> Http Receive ∏: {{response}} </view>
< π✘©;button bindtap="httpRequest"> ht↓÷tp test </button>
</view>
pages\index\index.js內(nèi)容如(rú)下(xià):
// This is our App Service.
// This¥φ<∞ is our data.
var helloData = {
response: ‘>≥‘
}
// Register a Page.
Page({
data: h &↑elloData,
httpRequest:↑ "∑ function (e) { //對(duì)應:<button bindt>'ap="httpRequest"> http test </button>£₩的(de)button點擊
var that=this
>¶♣ wx.request({
url: ‘http://127.0.0.♥α 1/test‘, //僅為(wèi)示例,要(yào)根據你(nǐ≥φ)實際的(de)接口地(dì)址
data∏✘÷: {
x: ‘ab‘,
y: ‘<εcd‘
},
header:≈δ• {
‘content-type‘: ‘applicat↔↔αion/json‘ // 默認值
},
success">: function (res) {
console.log(res.daσ☆♣ta)
that.setData({
§÷σ response: res.data //把接收到(dào)的(d ★e)服務器(qì)數(shù)據顯示到(dào){{πεresponse}}中
})
}
})
}
})
上(shàng)面代碼等同于訪問(wèn):
https://127.0.0.1/test?x=ab&y=cd
最終顯示的(de)結果如(rú)下(xià)(當然,收到(dào)什(shén)麽內(n÷Ω§≠èi)容要(yào)根據你(nǐ)服務器(qì)的(de)回複內(φ→Ωnèi)容):