Heim  >  Artikel  >  Web-Frontend  >  Was bedeutet WebSocket in HTML5?

Was bedeutet WebSocket in HTML5?

云罗郡主
云罗郡主Original
2019-01-26 10:08:464952Durchsuche

1. Was bedeutet WebSocket in HTML5?

WebSocket ist ein Protokoll für die Vollduplex-Kommunikation über eine einzelne TCP-Verbindung, die WebSocket für den Datenaustausch zwischen dem Client und dem Server bereitstellt Es ist einfacher und ermöglicht dem Server, Daten aktiv an den Client zu übertragen. In der WebSocket-API müssen der Browser und der Server lediglich einen Handshake durchführen, und für die bidirektionale Datenübertragung kann direkt eine dauerhafte Verbindung zwischen beiden hergestellt werden.

Was bedeutet WebSocket in HTML5?

In der WebSocket-API müssen der Browser und der Server nur eine Handshake-Aktion ausführen, und dann wird ein schneller Kanal zwischen dem Browser und dem Server gebildet. Daten können direkt zwischen beiden übertragen werden.

Um die Push-Technologie zu implementieren, verwenden viele Websites nun Ajax-Polling. Beim Polling sendet der Browser in einem bestimmten Zeitintervall (z. B. alle 1 Sekunde) eine HTTP-Anfrage an den Server und der Server sendet dann die neuesten Daten an den Browser des Clients zurück. Dieses traditionelle Modell bringt offensichtliche Mängel mit sich, das heißt, dass der Browser kontinuierlich Anfragen an den Server senden muss und die tatsächlich gültigen Daten möglicherweise nur einen kleinen Teil ausmachen viel Bandbreite und andere Ressourcen.

Das von HTML5 definierte WebSocket-Protokoll kann Serverressourcen und Bandbreite besser einsparen und eine Echtzeitkommunikation ermöglichen.

Der Browser sendet eine Anfrage an den Server, um über JavaScript eine WebSocket-Verbindung herzustellen. Nachdem die Verbindung hergestellt wurde, können Client und Server direkt Daten über die TCP-Verbindung austauschen.

Nachdem Sie die Web-Socket-Verbindung erhalten haben, können Sie über die send()-Methode Daten an den Server senden und vom Server zurückgegebene Daten über das onmessage-Ereignis empfangen.

Die folgende API wird zum Erstellen von WebSocket-Objekten verwendet.

var Socket = new WebSocket(url, [protocol] );

WebSocket-Attribute

Was bedeutet WebSocket in HTML5?

2. Was für ein Protokoll ist Websocket und was sind seine spezifischen Vorteile?

Zunächst einmal ist Websocket ein Persistenzprotokoll im Vergleich zu nicht persistenten Protokollen wie HTTP.

Lassen Sie uns ein einfaches Beispiel geben und den derzeit weit verbreiteten PHP-Lebenszyklus zur Erklärung verwenden.

1) Der Lebenszyklus von HTTP wird durch eine Anfrage definiert, d. h. eine Anfrage und eine Antwort. In HTTP 1.0 endet diese HTTP-Anfrage.

In HTTP 1.1 wurden Verbesserungen vorgenommen, so dass es ein Keep-Alive gibt, d. h. in einer HTTP-Verbindung können mehrere Anfragen gesendet und mehrere Antworten empfangen werden.

Bitte bedenken Sie aber, dass bei HTTP immer Request = Response gilt, was bedeutet, dass eine Anfrage nur eine Antwort haben kann. Darüber hinaus ist diese Reaktion ebenfalls passiv und kann nicht aktiv initiiert werden.


Das obige ist der detaillierte Inhalt vonWas bedeutet WebSocket in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn