node websoket 实现聊天室demo

最新推荐文章于 2022-11-19 15:20:38 发布

BookNoteY

最新推荐文章于 2022-11-19 15:20:38 发布

阅读量284

点赞数

分类专栏： nodejs

本文链接：https://blog.csdn.net/BookNoteY/article/details/82994553

版权

nodejs 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

聊天室demo

服务端

var ws = require("nodejs-websocket");
console.log("开始建立连接...")

客户端

<html>

<head>
<meta charset="utf8">
<title>title</title>
</head>
<body>
<div id = 'connect'>
链接中...
</div>
<div id = 'content'>

</div>

<input id='msg'>
<h1 οnclick='send()'>send</h1>

</body>
</html>

var wsServer = 'ws://127.0.0.1:8001';
var websocket = new WebSocket(wsServer);

websocket.onopen = function (evt) {//閾炬帴鎴愬姛浜嬩欢
console.log("Connected to WebSocket server.",'evt:'+evt);
let data = {}
data.action = 'connect';
data.key = navigator.userAgent;
console.log(data);
websocket.send(JSON.stringify(data));
};

websocket.onclose = function (evt) {//鍏抽棴閾炬帴浜嬩欢
console.log("Disconnected",'evt:'+evt);
};

websocket.onmessage = function (evt) {//鎺ユ敹娑堟伅浜嬩欢鏈嶅姟绔� sendText浜嬩欢瑙﹀彂姝や簨浠�
console.log('Retrieved data from server: ' + evt.data);
let d = JSON.parse(evt.data);
   console.log(d)
if(d.type == 'waring'){
alert(d.msg);
}else if(d.type == 'connect'){

document.getElementById('connect').innerText = d.msg;
}else{
let para=document.createElement("p");
       let span=document.createElement("span");
       let spanT=document.createTextNode(d.key+' 说：');
       para.appendChild(spanT);
let node=document.createTextNode(d.msg);
para.appendChild(node);

let element=document.getElementById("content");
element.appendChild(para);

}
};

websocket.onerror = function (evt, e) {//鍙戠敓閿欒鍚庣殑浜嬩欢
console.log('Error occured: ' + evt.data);
};
console.log(websocket);
function send(){
let v = document.getElementById('msg').value;
let data = {}
data.action = 'msg';
data.key = navigator.userAgent;
data.msg = v;
console.log(data);
document.getElementById('msg').value = '';
websocket.send(JSON.stringify(data));//瑙﹀彂鏈嶅姟绔� message 浜嬩欢

}

</script>

BookNoteY

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
node websoket 实现聊天室demo

聊天室demo服务端var ws = require("nodejs-websocket");console.log("开始建立连接...")var users = new Map(),game2 = null , game1Ready = false , game2Ready = false;var server = ws.createServer(function(conn){...
复制链接

扫一扫