伏龙阁资源网

koa socket即时通讯的示例代码
站长资源 2024/11/27 佚名
2 0

前言

http的特点是一问一答，而即时通讯是需要双向通信的，这样以前的即时通信只能使用轮询的方式通过周期性的ajax请求获取数据，直到websocket出现，就完美实现了双向通信

一 即时通讯方式简介

段轮询

前台使用setInterval进行定时请求后台，这样无疑非常浪费性能

长轮询和长连接（html5的EventSource）

客服端连接一次，服务端不断开连接，服务端接收到新消息就发送给前台，客服端和服务端保持一直连接，缺点是只有服务端向客服端输出

websocket

websocket不再是走http协议，而是升级为websocket协议，说到底就是走应用层协议（tcp），实现双向通信，缺点是兼容性问题（ie11）

socket.io

上面的方式都存在一定问题，自然就有人封装一套完美的解决方案，socket.io就是集合了上面几种方案的另一种解决方案

二 即时通信实现

客服端

引入包：<script src="/UploadFiles/2021-04-02/socket.io-1.2.1.js">

服务端和客服端通过on和emit进行交互

  1. emit表示发送，事件名自定义，另一端用on进行接收
  2. on表示接受，类似jq绑定事件，事件名对应emit事件名
  3. connect，disconnect是连接和断开事件
 // 建立连接
 var socket= io('http://localhost:80')
 // on表示接收
 // emit表示发送
 socket.on('connect', function () {
 console.log('连接上了')
 // 登录，同步前后端信息
 // 请求后端login接口，写入socketid
 socket.emit('login', {
  // 身份标识，可以是时间戳或者唯一id，最要用来回去socketid进行私聊
  id: username
 })
 })


 // 发送消息，这里可以用发送事件进行消息发送
 socket.emit('sendMsg', {
 newAccount: 'xxxxxx'
 })
 
 // 接收消息
 socket.on('msg1', function (data) {
 // 可以对数据进行渲染
 console.log(data)
 
 })
 socket.on('allmessage', function (data) {
 // 接收所有人消息
 console.log(data);

 })
 
 // 表示连接断开了
 socket.on('disconnect', function () {
 console.log('聊天服务器断开了')
 })

服务端(koa+koa-socket)

安装koa-socket

npm i koa2 koa-socket -S
 const IO = require('koa-socket')
 const Koa = require('koa2')
 const io = new IO()
 
 const app = new Koa()
 
 // 将socket和app关联
 io.attach(app)
 // 和客服端进行连接
 io.on('connection', (context) => {
 console.log('连接上了')
 })
 // 接收消息
 io.on('sendMsg', function (context) {
 //console.log(context.data)
 // 向客服端实时发送消息
 io.broadcast('msg1', '我是服务器来的')

 // 广播，所有人消息
 io.broadcast('allmessage', context.data.newAccount)
 })

 // 处理登陆同步信息
 io.on('login', context => {
 let id = context.data.id;
 console.log(context);
 });

总结

上面就是koa-socket使用的简单介绍，只实现了简单的消息推送和接收，后面还有私聊和群发，其原理是获取到每个用户的socketid，发送消息时对应发送，后面再进行更新

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
www.wwsws.com 伏龙阁资源网
39,976影音资源
44,792技术资源
21,817软件资源
651,128站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接