Dicas de .NET
Exemplo Prático de WebSocket: Cliente HTML/JS e Servidor C# HttpListener
Crie um sistema de comunicação em tempo real utilizando WebSocket no navegador e em um servidor C#.
Neste vídeo, exploramos um exemplo prático de como implementar comunicação em tempo real usando WebSocket com um cliente HTML/JS e um servidor C# utilizando `HttpListener`. Começamos demonstrando como criar um chat simples onde múltiplos clientes podem interagir quase em tempo real. A parte prática do vídeo é dividida em dois segmentos principais: a implementação do cliente WebSocket com HTML e JavaScript, e a criação de um servidor WebSocket em C#.
Durante o vídeo, exploramos tópicos como configuração de um ambiente `dotnet`, uso do `HttpListener`, manuseio de conexões WebSocket e como enviar e receber mensagens de forma eficiente. Além disso, são apresentadas algumas dicas para tratar eventos de abertura, fechamento e erros de conexão WebSocket.
### Índice de Capítulos
- 00:00:00 Introdução ao WebSocket
- 00:05:45 Criando o projeto .NET Console (dotnet new console)
- 00:08:47 Criando Client WebSocket em HTML e JS
- 00:10:11 Instalação e utilização do Live Server e do Http-Server
- 00:16:12 Codificando a conexão e os eventos (onopen e onmessage) do WebSocket em HTML e JS
- 00:18:58 Codificando o envio da mensagem ao Server de WebSocket (socket.send)
- 00:21:11 Criando e iniciando o Server para WebSocket usando HttpListener no Dotnet
- 00:22:49 Criando um ConcurrentDictionary de conexões Web Sockets
- 00:24:01 Aceitando conexões de Clients e verificando seus status (AcceptWebSocketAsync)
- 00:27:20 Recebendo e tratando a mensagem recebida do client (ReceiveAsync)
- 00:29:14 Tratando a mensagem de pedido para fechar conexão (CloseAsync)
- 00:31:50 Respondendo à mensagem do Client
- 00:40:08 Criando o método no WebSocket Server que "responde" apenas ao Client que "perguntou"
- 00:42:39 Criando o método no WebSocket Server que "responde" a todos Clients conectados (Broadcast)
- 00:51:45 Codificando os demais eventos do WebSocket em HTML e JS: onclose, onerror, etc.
Neste vídeo, exploramos um exemplo prático de como implementar comunicação em tempo real usando WebSocket com um cliente HTML/JS e um servidor C# utilizando `HttpListener`. Começamos demonstrando como criar um chat simples onde múltiplos clientes podem interagir quase em tempo real. A parte prática do vídeo é dividida em dois segmentos principais: a implementação do cliente WebSocket com HTML e JavaScript, e a criação de um servidor WebSocket em C#.
Durante o vídeo, exploramos tópicos como configuração de um ambiente `dotnet`, uso do `HttpListener`, manuseio de conexões WebSocket e como enviar e receber mensagens de forma eficiente. Além disso, são apresentadas algumas dicas para tratar eventos de abertura, fechamento e erros de conexão WebSocket.
### Índice de Capítulos
- 00:00:00 Introdução ao WebSocket
- 00:05:45 Criando o projeto .NET Console (dotnet new console)
- 00:08:47 Criando Client WebSocket em HTML e JS
- 00:10:11 Instalação e utilização do Live Server e do Http-Server
- 00:16:12 Codificando a conexão e os eventos (onopen e onmessage) do WebSocket em HTML e JS
- 00:18:58 Codificando o envio da mensagem ao Server de WebSocket (socket.send)
- 00:21:11 Criando e iniciando o Server para WebSocket usando HttpListener no Dotnet
- 00:22:49 Criando um ConcurrentDictionary de conexões Web Sockets
- 00:24:01 Aceitando conexões de Clients e verificando seus status (AcceptWebSocketAsync)
- 00:27:20 Recebendo e tratando a mensagem recebida do client (ReceiveAsync)
- 00:29:14 Tratando a mensagem de pedido para fechar conexão (CloseAsync)
- 00:31:50 Respondendo à mensagem do Client
- 00:40:08 Criando o método no WebSocket Server que "responde" apenas ao Client que "perguntou"
- 00:42:39 Criando o método no WebSocket Server que "responde" a todos Clients conectados (Broadcast)
- 00:51:45 Codificando os demais eventos do WebSocket em HTML e JS: onclose, onerror, etc.