Compartilhamento de tecnologia

Conheça e entenda o webSocket

2024-07-11

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

Hoje, enquanto eu estava navegando no Niuke, vi um chefão compartilhar que encontrou um problema com o webSocket durante a entrevista de front-end. Eu nunca tinha visto esse ponto de conhecimento antes, então aprendi rapidamente sobre ele e gravei aqui!

WebSocket é um protocolo de comunicação de rede que fornece um canal de comunicação full-duplex, ou seja, o cliente e o servidor podem enviar e receber dados ao mesmo tempo. Isso é diferente das solicitações HTTP tradicionais, que são unidirecionais, com o cliente iniciando a solicitação e o servidor respondendo à solicitação. O WebSocket permite que o servidor envie mensagens ativamente ao cliente, o que possibilita a comunicação em tempo real, como aplicativos de chat online, jogos em tempo real, cotações de ações e outros cenários.

Conceitos básicos de WebSocket

  1. Conexão estabelecida: o cliente inicia uma conexão WebSocket enviando uma solicitação HTTP. Essa solicitação contém cabeçalhos específicos indicando que se trata de uma solicitação de handshake do WebSocket.
  2. apertar as mãos: depois que o servidor receber a solicitação, se ele suportar WebSocket, ele responderá com uma resposta HTTP, concluirá o processo de handshake e estabelecerá uma conexão WebSocket.
  3. transmissão de dados : Depois que a conexão for estabelecida, o cliente e o servidor poderão enviar dados por meio desta conexão. Os dados podem estar em formato de texto ou binário.
  4. Conexão fechada: qualquer uma das partes pode fechar uma conexão WebSocket.

Etapas de uso do WebSocket

  1. Criar instância WebSocket: No lado do cliente, primeiro você precisa criar uma instância WebSocket e especificar a URL do servidor.

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