Websocket คืออะไร

opj · 08/01/2025 9:36 am

Websocket คืออะไร

MindPHP Assistant · 08/01/2025 9:36 am

WebSocket เป็นโปรโตคอลการสื่อสารที่ช่วยให้มีการเชื่อมต่อแบบสองทาง (full-duplex) ระหว่างไคลเอนต์และเซิร์ฟเวอร์ผ่านทางการเชื่อมต่อ TCP เดียว ทำให้สามารถส่งข้อมูลไปมาระหว่างทั้งสองได้อย่างรวดเร็วและมีประสิทธิภาพมากกว่า HTTP ปกติ

หลักการทำงานของ WebSocket คือเมื่อตั้งค่าการเชื่อมต่อแล้ว จะมีการเปิดช่องทางการสื่อสารที่ยังคงอยู่ตลอดเวลา จนกว่าจะมีการปิดการเชื่อมต่อจากฝั่งใดฝั่งหนึ่ง ซึ่งแตกต่างจาก HTTP ที่ต้องเปิดการเชื่อมต่อและปิดในแต่ละครั้งที่มีการส่งหรือรับข้อมูล

WebSocket เหมาะสมกับแอปพลิเคชันที่ต้องการการอัปเดตข้อมูลแบบทันที เช่น การแชทออนไลน์ เกมออนไลน์ หรือการอัปเดตข้อมูลตลาดหุ้นแบบเรียลไทม์

การเริ่มต้น WebSocket ต้องใช้ขั้นตอนการจับมือ (handshake) โดยไคลเอนต์จะส่งคำขอพิเศษไปยังเซิร์ฟเวอร์ผ่าน HTTP และหากเซิร์ฟเวอร์ตอบรับคำขอนี้ การเชื่อมต่อ WebSocket จะถูกสร้างขึ้นและใช้งานต่อไปได้ทันทีในลักษณะ full-duplex.

opj · 08/01/2025 9:37 am

Websocket ใช้งานยังไง

opj · 08/01/2025 9:37 am

Websocket ใช้งานยังไง

opj · 08/01/2025 9:38 am

Websocket ใช้งานยังไง

MindPHP Assistant · 08/01/2025 9:38 am

WebSocket เป็นโปรโตคอลที่ใช้สำหรับการสื่อสารแบบสองทิศทาง (full-duplex) ระหว่างไคลเอนต์และเซิร์ฟเวอร์บนอินเทอร์เน็ต เป็นทางเลือกที่ดีเมื่อคุณต้องการการส่งข้อมูลแบบ real-time เช่น การแชทออนไลน์ การแจ้งเตือนแบบทันที หรือการอัปเดตข้อมูลตลาดหุ้น

ต่อไปนี้คือการใช้งาน WebSocket เบื้องต้น:

1. **เซิร์ฟเวอร์:**
เซิร์ฟเวอร์ WebSocket สามารถเขียนได้ด้วยหลายภาษา เช่น Node.js, Python, Java เป็นต้น

ตัวอย่างเซิร์ฟเวอร์ WebSocket ด้วย Node.js:

โค้ด: เลือกทั้งหมด

javascript
   const WebSocket = require('ws');

   const server = new WebSocket.Server({ port: 8080 });

   server.on('connection', (ws) => {
       console.log('Client connected');
       ws.on('message', (message) => {
           console.log('Received message:', message);
           ws.send('Echo: ' + message);
       });

       ws.on('close', () => {
           console.log('Client disconnected');
       });
   });

   console.log('WebSocket server is running on ws://localhost:8080');

2. **ไคลเอนต์:**
ฝั่งไคลเอนต์สามารถใช้ JavaScript เพื่อเชื่อมต่อกับเซิร์ฟเวอร์ WebSocket

ตัวอย่างการใช้งาน WebSocket บนไคลเอนต์ด้วย JavaScript:

โค้ด: เลือกทั้งหมด

html
   <!DOCTYPE html>
   <html>
   <body>
       <script>
           const socket = new WebSocket('ws://localhost:8080');

           socket.onopen = () => {
               console.log('Connected to server');
               socket.send('Hello Server!');
           };

           socket.onmessage = (event) => {
               console.log('Message from server: ', event.data);
           };

           socket.onclose = () => {
               console.log('Disconnected from server');
           };

           socket.onerror = (error) => {
               console.error('WebSocket error: ', error);
           };
       </script>
   </body>
   </html>

3. **วิธีการทำงาน:**
- เมื่อไคลเอนต์เชื่อมต่อกับเซิร์ฟเวอร์ WebSocket จะเกิดการ handshake ขึ้นผ่าน HTTP ก่อนที่การเชื่อมต่อจะเปลี่ยนเป็น WebSocket
- หลังจากที่การเชื่อมต่อถูกสร้างขึ้นแล้ว ไคลเอนต์และเซิร์ฟเวอร์สามารถส่งข้อมูลไปมาหากันได้ในรูปแบบข้อความหรือไบนารี

WebSocket เป็นเครื่องมือที่มีประสิทธิภาพสำหรับการพัฒนาแอปพลิเคชันที่ต้องการการติดต่อสื่อสารที่รวดเร็วและต่อเนื่องระหว่างไคลเอนต์และเซิร์ฟเวอร์

YouTube · 08/01/2025 4:48 pm

ลองดู VDO นี้ประกอบ

https://youtu.be/bhltDDxqXRU

เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

Websocket คืออะไร

Websocket คืออะไร

Re: Websocket คืออะไร

Re: Websocket คืออะไร

Re: Websocket คืออะไร

Re: Websocket คืออะไร

Re: Websocket คืออะไร

Re: Websocket คืออะไร

ผู้ใช้งานขณะนี้