WebSocket 是 HTML5 引入的一种在单个 TCP 连接上进行全双工通讯的协议。可以在客户端和服务器之间进行快速的双向通信。
以下是一个使用JavaScript创建WebSocket服务器连接的例子：
// 检查浏览器是否支持WebSocket
if (window.WebSocket) {
// 创建一个新的WebSocket实例
var ws = new WebSocket('ws://localhost:8080');
// 当WebSocket打开时触发
ws.onopen = function(event) {
console.log('WebSocket 连接已打开');
};
// 当WebSocket接收到服务器发送的消息时触发
ws.onmessage = function(event) {
console.log('收到消息: ' + event.data);
};
// 当WebSocket关闭时触发
ws.onclose = function(event) {
console.log('WebSocket 连接已关闭');
};
// 当WebSocket通信发生错误时触发
ws.onerror = function(error) {
console.log('WebSocket 出现错误: ' + error);
};
// 使用WebSocket发送消息
function sendMessage(message) {
if (ws.readyState === WebSocket.OPEN) {
ws.send(message);
} else {
console.log('WebSocket 连接没有打开');
}
}
// 示例：发送消息给服务器
sendMessage('Hello, Server!');
} else {
console.log('浏览器不支持WebSocket');
}在上述代码中，我们首先检查浏览器是否支持WebSocket。如果支持，我们创建一个新的WebSocket实例，指定服务器的URL。然后，我们定义了几个事件处理程序来处理不同的WebSocket生命周期事件。我们还定义了一个函数sendMessage来发送消息给服务器。
服务器端的实现会依据你使用的编程语言和WebSocket库而有所不同。以下是一个使用Node.js和ws库的简单服务器端示例：
const WebSocket = require('ws');
// 创建WebSocket服务器实例
const wss = new WebSocket.Server({ port: 8080 });
// 当客户端连接时触发
wss.on('connection', function connection(ws) {
console.log('新客户端已连接');
// 当接收到客户端发送的消息时触发
ws.on('message', function incoming(message) {
console.log('收到消息: %s', message);
// 将消息发送回客户端
ws.send('你发送的消息已接收: ' + message);
});
// 当客户端断开连接时触发
ws.on('close', function close() {
console.log('客户端已断开连接');
});
// 当出现错误时触发
ws.on('error', function error(error) {
console.log('发生错误: %s', error);
});
});
console.log('WebSocket服务器运行在 ws://localhost:8080');在服务器端，我们创建了一个WebSocket服务器实例，并监听连接事件。当客户端连接时，我们可以接收它发送的消息，并将响应发回给客户端。这个简单的服务器实现可以根据实际需求扩展，比如处理认证、路由消息到不同的客户端、记录消息等。