在现代网络应用中，统一消息推送系统可以显著提升用户体验，尤其是在进行实时演示或协作时。本文将展示如何利用WebSocket协议和Node.js构建一个简单的统一消息推送系统，并应用于演示场景中。

### 1. 环境搭建

首先确保安装了Node.js环境，然后通过npm安装必要的库：

        npm install express ws
        

### 2. 服务端代码实现

创建一个名为`server.js`的文件，并添加以下代码：

        const express = require('express');
        const WebSocket = require('ws');
        const http = require('http');

        const app = express();
        const server = http.createServer(app);
        const wss = new WebSocket.Server({ server });

        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 !== ws && client.readyState === WebSocket.OPEN) {
                        client.send(message);
                    }
                });
            });
        });

        server.listen(3000, () => {
            console.log('Listening on http://localhost:3000');
        });
        

这段代码创建了一个WebSocket服务器，每当接收到一条消息时，它会将这条消息广播给所有其他已连接的客户端。

### 3. 客户端代码实现

创建一个HTML页面`index.html`，并添加以下代码：

        
        
        
            
            
        
        
            
            发送
            


            
        
        
        

这段代码创建了一个简单的用户界面，允许用户输入消息并通过WebSocket发送到服务器，同时接收并显示来自服务器的消息。

通过上述步骤，我们成功地实现了一个基于WebSocket的统一消息推送系统，可用于实时演示中的消息同步。

]]>