服务器实时推送消息给客户端_消息推送

服务器通过WebSocket或HTTP/2等技术，实时将数据推送给客户端，实现即时通信，提高用户体验。

服务器实时推送消息给客户端通常采用WebSocket技术，以下是一个简单的示例：

（图片来源网络，侵删）

1、安装WebSocket库（以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('欢迎来到实时消息推送服务！');
  // 监听客户端发送的消息
  socket.on('message', (message) => {
    console.log(收到消息： ${message});
  });
  // 监听客户端断开连接
  socket.on('close', () => {
    console.log('客户端已断开连接');
  });
  // 向客户端推送消息
  function pushMessage(msg) {
    socket.send(msg);
  }
});

3、创建一个HTML文件，用于与WebSocket服务器建立连接：


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF8">
  <meta name="viewport" content="width=devicewidth, initialscale=1.0">
  <title>实时消息推送客户端</title>
</head>
<body>
  <script>
    // 创建WebSocket连接
    const socket = new WebSocket('ws://localhost:8080');
    // 连接成功时触发
    socket.addEventListener('open', (event) => {
      console.log('已连接到服务器');
    });
    // 接收到服务器消息时触发
    socket.addEventListener('message', (event) => {
      console.log(收到消息： ${event.data});
    });
    // 连接关闭时触发
    socket.addEventListener('close', (event) => {
      console.log('与服务器断开连接');
    });
    // 向服务器发送消息
    function sendMessage(msg) {
      socket.send(msg);
    }
  </script>
</body>
</html>

你可以运行服务器端的代码：