要推送消息給前端，可以使用WebSocket協議。

WebSocket是一種全雙工通信協議，通過在客戶端和服務器之間建立持久連接，實現實時的雙向數據傳輸。在前端，可以使用JavaScript中的WebSocket API來與服務器進行通信。

以下是一個簡單的示例，展示了如何使用WebSocket推送消息給前端：

1. 服務器端代碼（使用Node.js和express框架）：

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

const wss = new WebSocket.Server({ server: app.listen(3000) });

// 監聽WebSocket連接事件
wss.on('connection', function connection(ws) {
  // 監聽前端發送的消息
  ws.on('message', function incoming(message) {
    console.log('received: %s', message);
  });

  // 向前端發送消息
  ws.send('Hello, client!');
});

2. 前端代碼：

// 創建WebSocket連接
const socket = new WebSocket('ws://localhost:3000');

// 監聽連接成功事件
socket.onopen = function() {
  console.log('Connected to server');
};

// 監聽收到消息事件
socket.onmessage = function(event) {
  console.log('received: ' + event.data);
};

// 向服務器發送消息
socket.send('Hello, server!');

在上面的示例中，服務器使用Node.js和express框架創建了一個WebSocket服務器，監聽在3000端口。當有前端客戶端連接到服務器時，會觸發connection事件，然后服務器可以使用ws對象來監聽前端發送的消息，并通過send方法向前端發送消息。

前端使用JavaScript的WebSocket API創建了一個WebSocket對象，并監聽連接成功事件（onopen）和收到消息事件（onmessage）。在連接成功后，前端可以使用send方法向服務器發送消息，并通過監聽onmessage事件來接收服務器發送的消息。

通過WebSocket，服務器和前端可以實現實時的雙向通信，可以方便地推送消息給前端。