使用nodejs如何创建一个简单聊天室？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
相关推荐：《nodejs视频教程》
刚刚开始学js，本文是基于node.js和websocket实现一个简单的在线聊天室系统（聊天群）。
本文适合纯小白阅读。
废话不多说，我们正式开始。
在B/S架构中，我们要得到一个数据，要向服务器请求，然后服务器响应。那么如果我们客户端不发送请求，服务器会不会主动给我们的客户端（浏览器）发东西呢？
答案是不会的，客户端和服务器通过TCP/IP协议进行连接，然后通过HTTP协议进行请求连接。而HTTP协议是一个请求—响应式的协议，而且它是一个无状态的协议，即每一次请求—响应之间是没有关系的。
而我们的聊天室需要什么呢？
1.发送消息 2.接收消息
在接收消息中：一个客户端给服务器发送消息，服务器接收消息，然后主动发给另一个客户端。
所以HTTP满足不了我们的要求。这里我们就要用到socket协议。当服务器与客户端连接后，两者都会时刻做着收发消息的准备。
首先在npm中下载socket.io模块(之前要安装了node.js才行)。打开cmd。
（我创建了一个node.js chat文件夹，文件都放在这里面）
然后开始写我们的服务器代码，创建文件server.js。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | var http = require('http');
var fs = require('fs');
var ws = require('socket.io');
var server = http.createServer(function (req, res) {
var html = fs.readFileSync('./client.html');
res.end(html);
}).listen(8000);
var io = ws(server);
io.on('connection',function (socket) {
console.log('有新用户进入房间');
socket.on('message',function (obj) {
console.log(obj);
io.emit('message',obj);
});
});
|
登录后复制
然后开始写客户端。
因为我们服务器用的是socket.io，所以在客户端中应该使用socket.io相对应的服务。此处我直接引入了一个js文件。
创建文件client.html。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Node.js+webSocket聊天室</title>
</head>
<body>
<h1>liky聊天室</h1>
<textarea name="" id="text" ></textarea>
<button id="btn">发送</button>
<script src="http://wulv5.com/js/socket.io.min.js"></script>
<script>
var socket = io.connect("/");
var oText = document.getElementById("text");
var oBtn = document.getElementById("btn");
var myMessage = "";
oBtn.onclick = function () {
var mes = oText.value;
if(!mes){
return;
}
myMessage = mes;
socket.send(mes);
oText.value = "";
}
socket.on('message',function (mm) {
var p = document.createElement('p');
p.innerText = mm;
if(myMessage === mm){
p.style.cssText = "color:red;margin-left:10%";
}
document.body.appendChild(p);
})
</script>
</body>
</html>
|
登录后复制
到此，代码部分就完成了。接下来打开cmd，运行我们的文件。
现在就可以打开浏览器看一下效果啦。打开浏览器，访问地址http://localhost:8000/。多打开几个页面来试试效果。
这样，一个简单的本地聊天室就完成啦。可以传到服务器上，就可以和别人一起聊天啦（这个有空我再写一下）。
更多编程相关知识，请访问：编程教学！！
以上是node.js创建简单聊天室的方法介绍的详细内容。更多信息请关注PHP中文网其他相关文章！
