websocket聊天室代码
时间: 2024-04-30 13:15:54 浏览: 136
WebSocket是一种HTML5的协议,它使得浏览器和服务器之间的实时通信变得更加容易。而WebSocket聊天室则是使用WebSocket协议实现的一个简单的实时聊天系统。
下面是一个简单的WebSocket聊天室的示例代码:
服务端代码(Node.js):
```javascript
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', function connection(ws) {
ws.on('message', function incoming(message) {
// 接收到客户端发送的消息
console.log('received: %s', message);
// 广播消息给所有连接的客户端
wss.clients.forEach(function each(client) {
if (client.readyState === WebSocket.OPEN) {
client.send(message);
}
});
});
});
```
客户端代码(JavaScript):
```javascript
const ws = new WebSocket('ws://localhost:8080');
ws.onopen = function() {
console.log('Connected to WebSocket server');
};
ws.onmessage = function(event) {
console.log('Received message: %s', event.data);
};
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault();
const input = document.querySelector('input[type=text]');
const message = input.value;
// 发送消息到服务器
ws.send(message);
// 清空输入框
input.value = '';
});
```
以上代码仅为简单示例,实际应用中还需要添加更多的逻辑处理和安全性措施。
阅读全文