目的
通过nodejs + ws (Websocket) 实现点对点发送及群聊发送
项目搭建直接跳过，这里列举一下用到的插件
yarn add ws
WebSocket
话不多说，直接上码
对比上一篇文章 << Nodejs+MongoDB 搭建服务( demo ) server.js 主要是增加了ws的引用，
webSocket 点对点也好，群聊也好，主要是用到一个方法 clients 它的作用就是存储了连接，
我们可以通过对每一个连接增加标识，然后根据接收到的信息进行解析，遍历然后发送正确的响应。
先解析下代码（小声BB）, 下面会有HTML页面
nbs.on("connection", (ws, req) => {
ws.on("message", message => {
// 这里解析数据
const result = JSON.parse(message);
// 是否是登陆，登陆后绑定id
if (result.login) {
ws.socketIdxos = result.id;
} else {
// 这里只做一个小的场景，不是登陆就是发送信息
// 根据存储的id 是否是要 发送的对象 来单独响应
nbs.clients.forEach(s => {
if (s.socketIdxos == result.to && s.readyState == 1) {
s.send(JSON.stringify({ data: result.mes }));
}
});
}
});
ws.on("close", message => {
console.log(ws.socketIdxos,"退出连接");
});
});
HTML
这里我分别建了三个页面其中两个模拟用户，一个模拟群聊
这是BBB用户，另一个页面是 AAA 只是改了下信息而已，就不都贴上来了，很简单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BBB111</title>
<script>
const ws = new WebSocket("ws://localhost:8181");
ws.onopen = function (e) {
ws.send(JSON.stringify({
"id":"BBB111",
"login":true,
}));
}
function sendMessage() {
ws.send(JSON.stringify({
"id":"BBB111", // 当前ID
"login":false, // 是否登陆
"to":"AAA111", // 发送对象
"mes":"我是BBB111,这是发送给AAA111的消息" // 发送内容
}));
}
function sendYUYUYU() {
ws.send(JSON.stringify({
"id":"BBB111",
"login":false,
"to":"YUYUYU",
"mes":"我是BBB111,这是到群里的消息"
}));
}
ws.onmessage = function (e) {
console.log(e,"eeee-");
}
</script>
</head>
<body >
<button onclick="sendMessage();"> 发送 </button>
<button onclick="sendYUYUYU();"> 群聊 </button>
</body>
</html>
下面的是只用来接收的群页面，更简单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>群聊</title>
<script>
const ws = new WebSocket("ws://localhost:8181");
ws.onopen = function (e) {
// 这里主要作用就是注册下群成立了 ......
ws.send(JSON.stringify({
"id":"YUYUYU",
"login":true,
}));
}
ws.onmessage = function (e) {
console.log(e,"eeee-");
}
</script>
</head>
<body >
</body>
</html>
展示
const ws = new WebSocket("ws://localhost:8181");
localhost 可以换成的你的本机IP，这样页面在其他电脑也可以发送到你的页面上
可以看到，在BBB的页面，接收到了AAA发送的信息
无论是AAA发送的群里信息，还是BBB发送的群里信息，在群聊页面都是可以看到的
至此，一个简单的私聊，群聊 WebSocket 就完成了，最后希望大家有所收获，再会!!
参考网址如下： https://www.jb51.net/article/178117.htm
本篇文章是为记录小白的成长历程（主要是记性不好，记个笔记有保障，用到的时候可以拿出来瞅瞅） 2019/12/26
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。
更新日志
- 关淑怡.2009-ERA【星娱乐】【WAV+CUE】
- 林忆莲《关于她的爱情故事》2022新世纪MQA 24K金碟限量版[WAV+CUE]
- 张雨生1993《一天到晚游泳的鱼》台湾G字首版[WAV+CUE][1G]
- 群星《试音五大女声》[WAV+CUE][1G]
- 魔兽世界wlk武器战一键输出宏是什么 wlk武器战一键输出宏介绍
- 魔兽世界wlk狂暴战一键输出宏是什么 wlk狂暴战一键输出宏介绍
- 魔兽世界wlk恶魔术士一键输出宏是什么 wlk恶魔术士一键输出宏介绍
- 医学爱好者狂喜：UP主把医学史做成了格斗游戏！
- PS5 Pro评分解禁！准备升级入手吗？
- 我们盘点了近期火热的国产单机游戏！《琉隐神渡》等 你期待哪款？
- 2019年第12届广州影音展双碟纪念版ADMS2CD[MP3/WAV]
- 黄安《救姻缘》台首版[WAV+CUE]
- 模拟之声慢刻CD《柏林之声4》[正版CD低速原抓WAV+CUE]
- 李宗盛 《李宗盛经典金曲》[WAV+CUE][1G]
- 周华健《粤语精选》[WAV+CUE][1G]