Technologieaustausch

Kennen und verstehen Sie webSocket

2024-07-11

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Als ich heute in Niuke stöberte, sah ich, wie ein großer Chef mir mitteilte, dass er während des Front-End-Interviews auf ein Problem mit webSocket gestoßen war. Ich hatte diesen Wissenspunkt noch nie zuvor gesehen, also habe ich schnell davon erfahren und ihn hier aufgezeichnet!

WebSocket ist ein Netzwerkkommunikationsprotokoll, das einen Vollduplex-Kommunikationskanal bereitstellt, dh Client und Server können gleichzeitig Daten senden und empfangen. Dies unterscheidet sich von herkömmlichen HTTP-Anfragen, die unidirektional sind, wobei der Client die Anfrage initiiert und der Server auf die Anfrage antwortet. WebSocket ermöglicht es dem Server, aktiv Nachrichten an den Client zu senden, was Echtzeitkommunikation ermöglicht, z. B. Online-Chat-Anwendungen, Echtzeitspiele, Aktualisierungen von Börsenkursen und andere Szenarien.

Grundkonzepte von WebSocket

  1. Verbindung hergestellt: Der Client initiiert eine WebSocket-Verbindung, indem er eine HTTP-Anfrage sendet. Diese Anfrage enthält bestimmte Header, die darauf hinweisen, dass es sich um eine WebSocket-Handshake-Anfrage handelt.
  2. Hände schütteln: Nachdem der Server die Anfrage empfangen hat und WebSocket unterstützt, antwortet er mit einer HTTP-Antwort, schließt den Handshake-Prozess ab und stellt eine WebSocket-Verbindung her.
  3. Datenübertragung : Sobald die Verbindung hergestellt ist, können Client und Server Daten über diese Verbindung senden. Daten können im Text- oder Binärformat vorliegen.
  4. Verbindung geschlossen: Jede Partei kann eine WebSocket-Verbindung schließen.

Schritte zur WebSocket-Nutzung

  1. Erstellen Sie eine WebSocket-Instanz: Auf der Clientseite müssen Sie zunächst eine WebSocket-Instanz erstellen und die URL des Servers angeben.

    const ws = new WebSocket('ws://example.com/socket');