Baixado 10 vezes
Carregado portdc-globalcode
TDC2016POA | Trilha Web - Realtime applications com Socket.io
O documento discute protocolos de comunicação na web como HTTP e WebSocket, além de ferramentas como Socket.io e Firebase para comunicação em tempo real. Ele fornece exemplos de como adicionar essas tecnologias em projetos e explica conceitos-chave como eventos, emissores e receptores.
Mais conteúdo relacionado
Semelhante a TDC2016POA | Trilha Web - Realtime applications com Socket.io
TDC2016POA | Trilha Web - Realtime applications com Socket.io
- 1.
- 2.
- 3.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. H T TP - Enviar e receber informações na web - Request/Response - Sua versão atual é a 2 - Uma requisição precisa ser transmitida pelo user-agent para que então o servidor responda
- 17.
- 18. - Transmissão dedados em ambos os sentidos de forma simultânea. - Mantém uma conexão persistente no servidor. - O servidor agora consegue enviar requisições para o navegador e vice-versa sem que ele requisite. - O handshake se parece com o HTTP, facilitando com que o servidor possa servir HTTP e WebSockets na mesma porta. WebSocket
- 19.
- 20.
- 22. • Utilizava oprotocolo HTTP. • Vários requests eram necessários utilizando setTimeOut() a cada 1s/2s. • Sobrecarga no servidor, aplicação lenta. Antes...
- 23.
- 24.
- 25.
- 26. • É umaAPI que estabelece uma única conexão via socket entre um client e o server • Foi padronizado pelo W3C (~ 2012) • No flash player 9 já tinha implementado WebSockets (~ 2010 ) • Flash Sockets • Pode ser oferecido com SSL WebSockets
- 27. • Regulamentado peloIETF (internet engineering task force) • Imagine uma espécie de túnel entre o cliente e servidor • WebRTC (web real-time communication) • ligações de voz, video, chat e transferência de arquivos sem plugin. WebSockets
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 41.
- 42.
- 43. • Real-time, baseadaem eventos de comunicação bi-direcionais • Desenvolvido com Javascript utilizando a especificação dos WebSockets • Funciona em qualquer tipo de dispositivo, mobile ou desktop • É necessária a implementação tanto do lado servidor como do lado cliente Socket.io
- 44.
- 45. • Instale osocket.io • Acople o socket ao servidor existente (que pode ser um servidor http) • Utilize listeners (emitindo e recebendo eventos). Socket.io
- 46.
- 47.
- 48.
- 49.
- 50.
- 51. • Crie umprojeto no firebase console • Configure o firebase na sua aplicação, integrando o script (código fornecido pela documentação) • Envie os dados e escute as mudanças Firebase
- 52.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59. npm install --savesocket.io
- 60.
- 61.
- 62.
- 63. var io =require('socket.io')();
- 64.
- 65. io.on('connection',function(socket) { io.emit(‘user:connected’, ‘anew user is connected'); });
- 66.
- 67. var socket =io(); socket.on('user:connected', function(data) { console.log(data); // a new user is connected });
- 68. socket.emit(‘my_event’, ‘my favouritecolor is red'); var socket = io();
- 69.
- 70. io.on('connection', function (socket){ socket.on(‘my_event', function (data) { console.log(data); // my favourite color is red }); }); io.emit(‘alert’, ‘socket.io is awesome!’);
- 71.
- 72.
- 73.
- 74.