一、连接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）相关推荐

原生JavaScript+WebSocket+nodejs实现聊天室功能
码字不易,有帮助的同学希望能关注一下我的微信公众号:Code程序人生,感谢!代码自用自取. WebSocket也是前端非常重要的技术栈. 现在各种网站.App.小程序都伴有即时通信的功能.WebSoc ...
SpringBoot +WebSocket实现简单聊天室功能实例
SpringBoot +WebSocket实现简单聊天室功能实例) 一.代码来源二.依赖下载三.数据库准备(sql) 数据库建表并插入sql 四.resources文件配置 application ...
php++仿网页版微信,vue+web端仿微信网页版聊天室功能
一.项目介绍基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室- ...
如何在微信小程序里实现聊天室功能？
准备工作下载环信小程序demo+sdkgit clone https://github.com/easemob/webim-weixin-xcx创建一个文件夹,将 demo 中的文件 comps. ...
微信直播聊天室架构演进
聊天室概述随着直播和类直播场景在微信内的增长,业务对临时消息通道的需求日益增长,聊天室组件应运而生.聊天室组件是一个基于房间的临时消息信道,主要提供消息收发.在线状态统计等功能. 1500w在线的挑 ...
微信直播聊天室单房间1500万在线的消息架构演进之路
1.引言随着直播和类直播场景在微信内的增长,这些业务对临时消息(在线状态时的实时消息)通道的需求日益增长,直播聊天室组件应运而生.直播聊天室组件是一个基于房间的临时消息信道,主要提供消息收发.在线状 ...
微信团队分享：微信直播聊天室单房间1500万在线的消息架构演进之路
本文由微信开发团队工程师" kellyliang"原创发表于"微信后台团队"公众号,收录时有修订和改动. 1.引言随着直播和类直播场景在微信内的增长,这些业务 ...
前端+node实现一个简单的聊天室功能
简单的实现一个聊天室功能目录前言一.了解一下WebSocket 我们有了http协议,为什么会出现ws呢? ws出现之前,我们是怎么实现双向通信的呢? 二.使用到的websocket库三.聊天 ...
h5移动端聊天室|仿微信界面聊天室|h5多人聊天室
今年的FIFA世界杯甚是精彩,最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室,该h5聊天室采用750px全新伸缩flex布局,以及使用rem响应式配合fontsize.js,页面弹窗则是 ...

微信的聊天室功能（websocket）

目录

一、连接wx.connectSocket

二、wx.onSocketOpen和wx.onSocketError

三、wx.onSocketMessage

四、wx.sendSocketMessage

五、wx.closeSocket

六、wx.onSocketClose

微信的聊天室功能（websocket）相关推荐

最新文章

热门文章