Meine Lieblings -Web -Technologie in der HTML5 -Spezifikation ist die WebSocket -API, die schnell populär wird. WebSocket bietet eine beliebte Technologie, um die AJAX -Technologie zu ersetzen, die wir in den letzten Jahren verwendet haben. Diese neue API bietet eine Möglichkeit, Nachrichten mit einer einfachen Syntax vom Client effektiv auf den Server zu bringen. Schauen wir uns die HTML5 -WebSocket -API an: Sie kann auf der Client- und Serverseite verwendet werden. Und es gibt eine ausgezeichnete API von Drittanbietern namens Socket.io.
1. Was ist die WebSocket -API in HTML5?Die WebSocket-API ist die asynchrone Kommunikationsmethode des Client-Servers der nächsten Generation. Diese Kommunikation ersetzt einen einzelnen TCP -Socket, das das WS- oder WSS -Protokoll unter Verwendung des Client- und Serverprogramms verwendet werden kann. WebSocket ist derzeit von W3C standardisiert. WebSocket wird bereits von Browsern wie Firefox 4, Chrome 4, Opera 10.70 und Safari 5 unterstützt.
Das Beste an der WebSocket -API ist, dass der Server und der Client immer innerhalb eines bestimmten Zeitbereichs Informationen zueinander bringen können. WebSocket ist nicht auf die Kommunikation im Ajax (oder XHR) -Modus beschränkt, da die AJAX -Technologie Kunden anfordern müssen, während WebSocket -Server und Client Informationen zueinander verschieben können. XHR wird durch Domänen eingeschränkt, während WebSocket die Cross-Domänen-Kommunikation ermöglicht.
Das Smart an der Ajax -Technologie ist, dass es keine Möglichkeit gibt, sie zu verwenden. WebSocket wird für das angegebene Ziel erstellt und wird verwendet, um Nachrichten in beide Richtungen zu drücken.
2. Verwendung von WebSocket -API in HTML5Konzentrieren Sie sich nur auf clientseitige APIs, da jede serverseitige Sprache eine eigene API hat. Das folgende Code -Snippet besteht darin, eine Verbindung zu öffnen, einen Ereignishörer für die Verbindung zu erstellen, die Zeit zu trennen, die Nachrichtenzeit zu trennen, eine Nachricht an den Server zurückzugeben und die Verbindung zu schließen.
Kopieren Sie den Code