一、连接wx.connectSocket

示例：

wx.connectSocket({url: 'xxx.com',data:{x: '',y: ''},header:{ 'content-type': 'application/json'},method:"GET"
})

这里要注意url中的接口不是http://.xxx或者https://.xxx开头的，而是以ws://xxx.com或者wss://.xxx开头的，要不然就会连接失败

二、wx.onSocketOpen和wx.onSocketError

他们是监听监听wx.connectSocket的连接成功与否的

代码如下（示例）：

     //连接成功wx.onSocketOpen((res) => {console.log('WebSocket 成功连接', res)})//连接失败wx.onSocketError((err) => {console.log('websocket连接失败', err);})

三、wx.onSocketMessage

这里是接收服务器的消息的（也就是聊天时对面发来的消息）
代码如下（示例）：

//连接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('收到服务器内容：', res)//不需要考虑如何触发，当服务器发送消息时自动接收})})

四、wx.sendSocketMessage

//这是发送消息的事件sendSocketMessage() {let msg={msg:this.data.inputVal,//这是聊天的内容toUser:this.data.user1.id//这是聊天的id}wx.sendSocketMessage({data: JSON.stringify(msg),//这里根据后台的格式发送数据，好像这个需要转换成字符串。success:(res)=>{console.log("消息发送成功", res)},fail(res) {console.log("消息发送失败", res)}})
},

五、wx.closeSocket

关闭WebSocket连接。

六、wx.onSocketClose

监听WebSocket关闭。

wx.connectSocket({url: 'test.php'
})//注意这里有时序问题，
//如果 wx.connectSocket 还没回调 wx.onSocketOpen，而先调用 wx.closeSocket，那么就做不到关闭 WebSocket 的目的。
//必须在 WebSocket 打开期间调用 wx.closeSocket 才能关闭。
wx.onSocketOpen(function() {wx.closeSocket()
})wx.onSocketClose(function(res) {console.log('WebSocket 已关闭！')
})

})

微信小程序WebSocket接口以及在小程序中的使用。相关推荐

Delphi调用微信原生Web开发接口JS-SDK开发小程序及微信支付等的Rest API
目录 Delphi调用微信原生Web开发接口JS-SDK开发小程序及微信支付等的Rest API 一.概述及API 1.JS-SDK是对之前的 WeixinJSBridge 的一个包装 2.JS-SD ...
应用程序编程接口大全_应用程序编程接口101
应用程序编程接口大全 Do apps like Uber, Pokémon Go and Zomato build their own maps to show where available car ...
java版微信调小i机器人接口说明书_小i机器人微信公众平台调用api
/** * *作者:Kaedeen *来源:http://www.kaedeen.com/ *日期:2013.1.7 *修改:2013.1.15 14号被封掉,错误是403,特此修改 * **/ // ...
微信公众平台消息接口开发（3）中英翻译
微信公众平台开发模式微信平台消息接口英语翻译互译作者:http://www.cnblogs.com/txw1958/ 标题http://www.cnblogs.com/txw1958 ...
vue 微信公众号支付接口_总结vue项目中使用微信公众号支付的方法
本篇文章给大家带来的内容是总结vue项目中使用微信公众号支付的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 微信公众号支付 1. 使用jssdk调用微信支付,具体查看开发文档 ...
微信小程序WebSocket相关问题说明
看本帖的前提是:你的WebSocket在小程序之外是正常可用的:因为WebSocket不是小程序独有的,所有大部分问题在网上是可以找到说明的,本帖只是聚合了一些小程序中使用WebSocket中遇到的问 ...
android 仿苹果小组件,安卓玩烂的小组件 iOS怎么又给捡起来了？
在所有用户的认知中,新系统区别于旧系统的第一印象永远是外观上的变化,例如iOS7的扁平化设计.iOS 10的控制中心.iOS 13的深色模式. 而在即将推出的iOS 14中,最直观的变化莫过于重新设计 ...
微信小程序 WebSocket 通信 —— 在线聊天
在Node栏目就讲到了Socket通信的内容,使用Node实现Socke通信,还使用两个流行的WebSocket 库,ws 和 socket.io,在小程序中的WebSocket接口和HTML5的We ...
微信小程序websocket实现即时聊天
今天给大家分享一下本人做小程序使用websocket的一点小经验,希望对大家有所帮助. 使用之前肯定首先要了解一下websocket是什么,简单来讲websocket就是客户端与服务器之间专门建立的一 ...

微信小程序WebSocket接口以及在小程序中的使用。

关于微信小程序WebSocket的使用

一、连接wx.connectSocket

二、wx.onSocketOpen和wx.onSocketError

三、wx.onSocketMessage

四、wx.sendSocketMessage

五、wx.closeSocket

六、wx.onSocketClose

微信小程序WebSocket接口以及在小程序中的使用。相关推荐

最新文章

热门文章