服务器向页面推送消息_消息推送

服务器向页面推送消息，通常使用WebSocket或者ServerSent Events（SSE）技术，这里以WebSocket为例，给出一个简单的示例。

1、服务器端需要安装WebSocket库，如ws库，在Node.js项目中，可以使用以下命令安装：

npm install ws

2、创建一个简单的WebSocket服务器：

// server.js
const WebSocket = require('ws');
const server = new WebSocket.Server({ port: 8080 });
server.on('connection', (socket) => {
  console.log('客户端已连接');
  // 向客户端发送消息
  socket.send('欢迎来到WebSocket服务器！');
  // 监听客户端发送的消息
  socket.on('message', (message) => {
    console.log(收到客户端消息： ${message});
  });
  // 监听客户端断开连接
  socket.on('close', () => {
    console.log('客户端已断开连接');
  });
});

3、在客户端页面中，创建一个WebSocket连接，并接收服务器端发送的消息：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF8">
  <meta name="viewport" content="width=devicewidth, initialscale=1.0">
  <title>WebSocket示例</title>
</head>
<body>
  <script>
    // 创建WebSocket连接
    const socket = new WebSocket('ws://localhost:8080');
    // 连接成功后，发送一条消息给服务器
    socket.addEventListener('open', () => {
      socket.send('你好，我是客户端！');
    });
    // 监听服务器发送的消息
    socket.addEventListener('message', (event) => {
      console.log(收到服务器消息： ${event.data});
    });
    // 监听连接关闭事件
    socket.addEventListener('close', () => {
      console.log('与服务器的连接已关闭');
    });
  </script>
</body>
</html>

这样，当客户端页面打开时，会与服务器建立WebSocket连接，并接收到服务器发送的欢迎消息，客户端可以向服务器发送消息，服务器也可以向客户端推送消息。