利用SSE打造极简web聊天室
创始人
2024-11-15 17:12:18
0

在B/S场景中,通常我们前端主动访问后端可以使用axios,效果很理想,而后端要访问前端则不能这样操作了,可以考虑SSE、websocket和gRPC等方式,实时和性能均有保障。
下面给出一个简单的例子,后端是node+express,前端是html+javascript(jquery+axios) 实现一个简单的web聊天室。
不说废话,直接上代码:

const stringRandom = require("string-random");  const express = require('express'); const app = express();  var msgs=[]; var clients=[];  app.use('/', express.static('./'));  app.get('/events', (req,res)=>{ 	res.writeHead(200,  { 'Content-Type': 'text/event-stream', 'Connection': 'keep-alive', 'Cache-Control': 'no-cache' }); 	res.write(`data: ${JSON.stringify(msgs)}\n\n`); 	let clientid=stringRandom(32, { letters: 'ABCDEF' }) 	clients.push({ "clientid":clientid, "res":res }); 	req.on('close', () => { clients = clients.filter(item => (item.clientid != clientid)); }); });  app.post('/sendmsg',express.json(), (req,res)=>{ 	msgs.push(req.body); 	res.json({"code":200}); 	clients.forEach(client=>{ client.res.write(`data: ${JSON.stringify(req.body)}\n\n`)  }); });  app.listen(3000, () => { console.log(`极简聊天室服务启动`); }) 
   极简聊天室       

浏览器访问效果如下:
在这里插入图片描述
在这里插入图片描述

相关内容

热门资讯

三瞬间了解!广东雀神智能插件可... 三瞬间了解!广东雀神智能插件可测试,wpk辅助ai,科技教程(有挂存在)1、全新机制【广东雀神智能插...
第十分钟晓得!aapoker如... 第十分钟晓得!aapoker如何设置胜率,wepoker透视有用吗,扑克教程(有挂辅助)-哔哩哔哩1...
第八分钟了解“微信小程序多乐辅... 第八分钟了解“微信小程序多乐辅助器下载”详细透视开挂辅助神器-哔哩哔哩;1、不需要AI权限,帮助你快...
第5分钟了解(南通长牌)外挂透... 第5分钟了解(南通长牌)外挂透明挂辅助黑科技(透视)软件教程(2025已更新)(哔哩哔哩)是一款可以...
第6秒钟了解!新二号辅助软件多... 第6秒钟了解!新二号辅助软件多少钱,智星德州插件最新版本更新内容详解,详细教程(有挂头条)亲,关键说...
第8分钟熟悉!wepoker有... 第8分钟熟悉!wepoker有插件吗,wepoker私人局俱乐部怎么进,必赢方法(今日头条)-哔哩哔...
一分钟了解“新九哥智能辅助软件... 一分钟了解“新九哥智能辅助软件”详细透视开挂辅助神器-哔哩哔哩;是一款可以让一直输的玩家,快速成为一...
第2分钟了解!新悠悠辅助,hh... 第2分钟了解!新悠悠辅助,hhpoker是内部控制吗,新版2025教程(有挂存在)1、完成新悠悠辅助...
7分钟了解(微乐窝龙)外挂辅助... 7分钟了解(微乐窝龙)外挂辅助app(辅助挂)曝光教程(2021已更新)(哔哩哔哩);1、这是跨平台...
第三分钟掌握!wepoker免... 第三分钟掌握!wepoker免费永久脚本,德州真人透视脚本,细节揭秘(有挂技术)-哔哩哔哩1、操作简...