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
}
ตัวอย่างนี้จะสร้างการเชื่อมต่อ WebSocket ไปยังเซิร์ฟเวอร์ที่ wss://example.com/push เมื่อเปิดการเชื่อมต่อ ไคลเอนต์จะส่งข้อความไปยังเซิร์ฟเวอร์โดยระบุว่าต้องการสมัครรับหัวข้อการแจ้งเตือน เมื่อเซิร์ฟเวอร์มีการแจ้งเตือนใหม่ให้ส่งไปยังไคลเอนต์ที่สมัครสมาชิก เซิร์ฟเวอร์จะส่งข้อความไปยังไคลเอนต์พร้อมประเภทของการแจ้งเตือนและเพย์โหลดที่มีข้อมูลการแจ้งเตือน จากนั้นไคลเอ็นต์จะจัดการการแจ้งเตือนที่ได้รับโดยการเรียกใช้ฟังก์ชัน handleNotification ซึ่งจะบันทึกการแจ้งเตือนไปยังคอนโซล ในแอปพลิเคชันในโลกแห่งความเป็นจริง ฟังก์ชัน handleNotification มีแนวโน้มที่จะดำเนินการที่มีความหมายมากกว่า เช่น การแสดงการแจ้งเตือนแก่ผู้ใช้ // สร้างการเชื่อมต่อ 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) { case 'notification ': handleNotification(message.payload); break; default: console.log(`รับประเภทข้อความที่ไม่รู้จัก: ${message.type}`); } }); // จัดการฟังก์ชันการแจ้งเตือนที่ได้รับ handleNotification(payload) { console.log(`Received alert: ${payload}`); // ทำบางอย่างกับการแจ้งเตือน เช่น แสดงให้ผู้ใช้เห็น }
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence