利用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(`极简聊天室服务启动`); }) 
   极简聊天室       

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

相关内容

热门资讯

大神推荐!aapoker可以设... 大神推荐!aapoker可以设置抽水,推荐开挂辅助透视安装-从前存在有挂是一款可以让一直输的玩家,快...
透视辅助!wepoker透视脚... 透视辅助!wepoker透视脚本免费使用视频,(WePoKer价格)一贯真的是有挂,微扑克教程(有挂...
科技通报!微信途游四川小程序脚... 科技通报!微信途游四川小程序脚本,哥哥打大a微信小程序作弊,技巧教程(确实有挂);1、让任何用户在无...
教程辅助“四海茶馆游戏辅助”科... 教程辅助“四海茶馆游戏辅助”科普开挂作弊辅助助手(原先是有挂);人气非常高,ai更新快且高清可以动的...
记者揭秘!wepoker辅助是... 记者揭秘!wepoker辅助是真的,曝光开挂辅助透视黑科技-其实真的有挂;亲真的是有正版授权,小编(...
透视数据!we-poker辅助... 透视数据!we-poker辅助,(HHpoker作弊)确实真的是有挂,AI教程(有挂猫腻);HHpo...
2024教程!天天爱消除辅助教... 您好,天天爱消除辅助教程这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...
信息共享“雀姬辅助”解密开挂作... 信息共享“雀姬辅助”解密开挂作弊辅助软件(都是有挂);雀姬辅助软件透明挂作为一款雀姬辅助辅助挂手游,...
透视透视!微扑克微乐辅助,(W... 透视透视!微扑克微乐辅助,(WePoKer智能)确实真的是有挂,揭秘攻略(有挂工具)是一款可以让一直...
盘点几款!佛手在线大菠萝有挂都... 盘点几款!佛手在线大菠萝有挂都输,关于开挂辅助透视app-果然存在有挂;详细佛手在线大菠萝有挂都输攻...