この例は、wss：//example.com/pushでサーバーへのwebsocket接続を作成します。接続が開かれたとき、クライアントはサーバーにメッセージを送信して、通知のトピックを購読したいことを示します。サーバーがサブスクライブされたクライアントにプッシュする新しい通知がある場合、通知の種類と通知データを含むペイロードを使用してクライアントにメッセージを送信します。次に、クライアントは、通知をコンソールにログに記録するハンドレノー化関数を呼び出すことにより、受信通知を処理します。現実世界のアプリケーションでは、ハンドレノット化関数は、ユーザーへの通知を表示するなど、より意味のあるアクションを実行する可能性があります。


// websocket接続を作成します
const socket = new WebSocket（ 'wss：//example.com/push'）;

//ソケットが開かれたら、サーバーにメッセージを送信して、特定のトピックを購読する
socket.addeventlistener（ 'open'、（event）=> {
  socket.send（json.stringify（{topic： 'notifications'}））;
}）;

//サーバーからメッセージが受信されたら、それに応じて処理します
socket.addeventlistener（ 'message'、（event）=> {
  const message = json.parse（event.data）;
  switch（message.type）{
    ケース「通知」：
      HandLeNotification（message.payload）;
      壊す;
    デフォルト：
      console.log（ `未知のメッセージタイプ：$ {message.type}`）;
  }
}）;

//受信した通知を処理します
関数Handlenotification（ペイロード）{
  console.log（ `受信通知：$ {payload}`）;
  //ユーザーに表示するなど、通知で何かをしてください
}
This example, will create a WebSocket connection to a server at wss://example.com/push. When the connection is opened, the client sends a message to the server indicating that it wants to subscribe to the notifications topic. When the server has a new notification to push to subscribed clients, it sends a message to the client with a type of notification and a payload containing the notification data. The client then handles the received notification by calling a handleNotification function which logs the notification to the console. In a real-world application, the handleNotification function would likely perform more meaningful actions, such as displaying the notification to the user.


// Create a WebSocket connection
const socket = new WebSocket('wss://example.com/push');

// When the socket is opened, send a message to the server to subscribe to a specific topic
socket.addEventListener('open', (event) => {
  socket.send(JSON.stringify({ topic: 'notifications' }));
});

// When a message is received from the server, handle it accordingly
socket.addEventListener('message', (event) => {
  const message = JSON.parse(event.data);
  switch (message.type) {
    case 'notification':
      handleNotification(message.payload);
      break;
    default:
      console.log(`Received unknown message type: ${message.type}`);
  }
});

// Handle a received notification
function handleNotification(payload) {
  console.log(`Received notification: ${payload}`);
  // Do something with the notification, such as displaying it to the user
}