para exibir a mensagem recebida
const item = [Link](Ii);
1! Define o texto da mensagem como contetido do elemento
[Link] = msg;
I Adiciona o elemento
& lista de mensagens para exibir na area de chat
[Link]{item);
1/ Rola a janela do chat para o final, garantindo que a mensagem mais recente seja visivel
window scrollTo(0, document body scrollHeight);
yD
3- Como é feito e envio e recebimento das mensagens.
Diferente do protocolo HTTP em que o servidor s6 envia uma resposta mediante uma solicitagéo
do cliente, o protocolo WebSocket cria uma comunicagdo bidirecional entre o cliente e o servidor
permitindo que o servidor envie dados para o cliente sem haver uma solicitago, isso permite a ‘comunicagao em tempo real entre clientes e servidores que implementam esse protocolo, com
relagao as abas do navegador o servidor ira receber o evento “chat message” de uma aba junto
‘com a mensagem a ser enviada ¢ ird enviar para todos os clientes conectados.
a om) E
J request
|__ em ° websocket accept»
Trequest _|
|
response.
Trequest
response
WebSocket co
closed
<—