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

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

相关内容

热门资讯

终于懂了!(wepOKE)微扑... 一、微扑克怎么提高中牌率简介了解软件请加微:136704302微扑克怎么提高中牌率是一款在线扑克游戏...
推荐十款!wepower透视辅... 推荐十款!wepower透视辅助(透视)外挂透明挂辅助器(2024已更新)(哔哩哔哩);亲,关键说明...
黑科技好牌!wepoke软件透... 黑科技好牌!wepoke软件透明挂怎么弄(透视)确实是真的有挂(2021已更新)(哔哩哔哩)1、游戏...
必备辅助推荐!wepoker辅... 你好,wepoker辅助工具好用吗是真的可以开挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
玩家必看教程!(wpk线上德州... 玩家必看教程!(wpk线上德州俱乐部)德州之星可能有外挂吗(2026已更新)(哔哩哔哩);人气非常高...
免费测试版!微扑克代打是真的吗... 免费测试版!微扑克代打是真的吗(透视)外挂透明挂辅助软件(2020已更新)(哔哩哔哩);该软件可以轻...
技术分享!wepoker透视辅... 知识提示:你好!wepoker透视辅助软件怎么开挂这款游戏可以开挂的,确实是有挂的,科技了解添加QQ...
黑科技黑科技!wepoke辅助... 黑科技黑科技!wepoke辅助工具的使用教程(透视)确实是有挂(2021已更新)(哔哩哔哩)wepo...
发现玩家(扑克之城)aapok... 自定义aapoker辅助器怎么用系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅...
黑科技存在!aapoker辅助... 黑科技存在!aapoker辅助使用教程(透视)外挂透明挂辅助神器(2026已更新)(哔哩哔哩);1、...