当前位置: 首页 > google浏览器WebSocket实时通信优化教程

google浏览器WebSocket实时通信优化教程

时间:2025-10-23

google浏览器WebSocket实时通信优化教程1

Google浏览器WebSocket实时通信优化教程
1. 安装WebSocket库
首先,需要在项目中安装WebSocket库。在命令行中输入以下命令:
bash
npm install ws

2. 创建WebSocket服务器
创建一个名为`websocket-server.js`的文件,并添加以下代码:
javascript
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', (ws) => {
console.log('客户端已连接');
ws.on('message', (message) => {
console.log('收到消息: %s', message);
});
ws.send('你好,我是服务器!');
});

3. 创建WebSocket客户端
创建一个名为`websocket-client.js`的文件,并添加以下代码:
javascript
const WebSocket = require('ws');
const ws = new WebSocket('ws://localhost:8080');
ws.on('open', () => {
console.log('已连接到服务器');
ws.send('你好,我是客户端!');
});

4. 运行WebSocket服务器和客户端
在命令行中分别运行以下命令:
bash
node websocket-server.js
node websocket-client.js

5. 测试WebSocket通信
打开两个浏览器窗口,分别访问`http://localhost:8080`(服务器端)和`http://localhost:8080/ws?token=your_token`(客户端)。你应该能看到“已连接到服务器”和“已连接到客户端”的提示信息。然后,在客户端发送消息,服务器端应该能看到“收到消息: 你好,我是服务器!”的提示信息。

TOP