一、連接wx.connectSocket
示例:
wx.connectSocket({
url: 'xxx.com',
data:{
x: '',
y: ''
},
header:{
'content-type': 'application/json'
},
method:"GET"
})
這里要注意url中的接口不是http://.xxx或者h(yuǎn)ttps://.xxx開頭的,而是以ws://xxx.com或者wss://.xxx開頭的,要不然就會(huì)連接失敗
二、wx.onSocketOpen和wx.onSocketError
他們是監(jiān)聽監(jiān)聽wx.connectSocket的連接成功與否的
代碼如下(示例):
//連接成功
wx.onSocketOpen((res) => {
console.log('WebSocket 成功連接', res)
})
//連接失敗
wx.onSocketError((err) => {
console.log('websocket連接失敗', err);
})
三、wx.onSocketMessage
這里是接收服務(wù)器的消息的(也就是聊天時(shí)對(duì)面發(fā)來的消息)
代碼如下(示例):
//連接WebSocket
wx.connectSocket({
url: 'xxx.com',
data:{
x: '',
y: ''
},
header:{
'content-type': 'application/json'
},
method:"GET"
})
wx.onSocketOpen((res) => {
console.log('WebSocket 成功連接', res)
wx.onSocketMessage(function(res) {
console.log('收到服務(wù)器內(nèi)容:', res)
//不需要考慮如何觸發(fā),當(dāng)服務(wù)器發(fā)送消息時(shí)自動(dòng)接收
})
})
四、wx.sendSocketMessage
//這是發(fā)送消息的事件
sendSocketMessage() {
let msg={
msg:this.data.inputVal,//這是聊天的內(nèi)容
toUser:this.data.user1.id//這是聊天的id
}
wx.sendSocketMessage({
data: JSON.stringify(msg),//這里根據(jù)后臺(tái)的格式發(fā)送數(shù)據(jù),好像這個(gè)需要轉(zhuǎn)換成字符串。
success:(res)=>{
console.log("消息發(fā)送成功", res)
},
fail(res) {
console.log("消息發(fā)送失敗", res)
}
})
},
五、wx.closeSocket
關(guān)閉WebSocket連接。
六、wx.onSocketClose
監(jiān)聽WebSocket關(guān)閉。文章來源:http://www.zghlxwxcb.cn/news/detail-486998.html
wx.connectSocket({
url: 'test.php'
})
//注意這里有時(shí)序問題,
//如果 wx.connectSocket 還沒回調(diào) wx.onSocketOpen,而先調(diào)用 wx.closeSocket,那么就做不到關(guān)閉 WebSocket 的目的。
//必須在 WebSocket 打開期間調(diào)用 wx.closeSocket 才能關(guān)閉。
wx.onSocketOpen(function() {
wx.closeSocket()
})
wx.onSocketClose(function(res) {
console.log('WebSocket 已關(guān)閉!')
})
})文章來源地址http://www.zghlxwxcb.cn/news/detail-486998.html
到了這里,關(guān)于微信小程序WebSocket接口以及在小程序中的使用。的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!