เทคโนโลยีเว็บที่ฉันโปรดปรานในข้อกำหนด HTML5 คือ WebSocket API ซึ่งกลายเป็นที่นิยมอย่างรวดเร็ว WebSocket จัดหาเทคโนโลยียอดนิยมเพื่อแทนที่เทคโนโลยี AJAX ที่เราใช้มาในช่วงไม่กี่ปีที่ผ่านมา API ใหม่นี้ให้วิธีการส่งข้อความไปยังเซิร์ฟเวอร์อย่างมีประสิทธิภาพโดยใช้ไวยากรณ์อย่างง่ายจากไคลเอนต์ ลองดูที่ HTML5 WebSocket API: สามารถใช้กับฝั่งไคลเอ็นต์และเซิร์ฟเวอร์ได้ และมี API ของบุคคลที่สามที่ยอดเยี่ยมที่เรียกว่า socket.io
1. WebSocket API ใน HTML5 คืออะไร?WebSocket API เป็นวิธีการสื่อสารแบบอะซิงโครนัสของเซิร์ฟเวอร์ไคลเอนต์รุ่นต่อไป การสื่อสารนี้แทนที่ซ็อกเก็ต TCP เดียวโดยใช้โปรโตคอล WS หรือ WSS สามารถใช้สำหรับโปรแกรมไคลเอนต์และเซิร์ฟเวอร์ใด ๆ ปัจจุบัน Websocket ได้มาตรฐานโดย W3C WebSocket ได้รับการสนับสนุนโดยเบราว์เซอร์เช่น Firefox 4, Chrome 4, Opera 10.70 และ Safari 5
สิ่งที่ยิ่งใหญ่ที่สุดเกี่ยวกับ WebSocket API คือเซิร์ฟเวอร์และไคลเอนต์สามารถส่งข้อมูลซึ่งกันและกันได้ตลอดเวลาภายในช่วงเวลาที่กำหนด WebSocket ไม่ได้ จำกัด อยู่ที่การสื่อสารในโหมด AJAX (หรือ XHR) เนื่องจากเทคโนโลยี AJAX กำหนดให้ลูกค้าเริ่มต้นคำขอในขณะที่เซิร์ฟเวอร์และลูกค้า WebSocket สามารถผลักดันข้อมูลให้กันและกันได้ XHR ถูก จำกัด โดยโดเมนในขณะที่ WebSocket อนุญาตให้สื่อสารข้ามโดเมน
สิ่งที่ชาญฉลาดเกี่ยวกับเทคโนโลยี Ajax คือไม่มีวิธีการออกแบบที่จะใช้ WebSocket ถูกสร้างขึ้นสำหรับเป้าหมายที่ระบุและใช้เพื่อส่งข้อความทั้งสองทิศทาง
2. การใช้ WebSocket API ใน HTML5มุ่งเน้นเฉพาะ API ฝั่งไคลเอ็นต์เนื่องจากภาษาฝั่งเซิร์ฟเวอร์แต่ละภาษามี API ของตัวเอง ตัวอย่างโค้ดต่อไปนี้คือการเปิดการเชื่อมต่อสร้างฟังเหตุการณ์สำหรับการเชื่อมต่อตัดการเชื่อมต่อเวลาข้อความส่งข้อความกลับไปยังเซิร์ฟเวอร์และปิดการเชื่อมต่อ
คัดลอกรหัส