Construindo apps de tempo real com SignalR

540 visualizações

Publicada em

MVP ShowCast 2013

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
540
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
8
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Construindo apps de tempo real com SignalR

  1. 1. SESSÃO: DESENVOLVIMENTO TRILHA: DESENVOLVIMENTO WEB MVP ShowCast 2013 Construindo Apps de tempo real com SignalR Ivan Paulovich ASP.NET/IIS Arquiteto de Softwares – BHS @ivanpaulovich | http://fb.com/ivanpaulovich © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft.
  2. 2. SESSÃO: DESENVOLVIMENTO Agenda ♦ O que é SignalR? ♦ Comunicação ♦ Instalação ♦ Demo! ♦ SignalR no servidor e no cliente ♦ Demos e mais demos! ♦ Referências © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  3. 3. SESSÃO: DESENVOLVIMENTO O que é SignalR? ♦ Uma camada de abstração para comunicação assíncrona ♦ Permite comunicação bi-direcional ♦ O cliente pode chamar métodos no servidor ♦ O servidor pode chamar métodos do cliente em tempo real © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  4. 4. SESSÃO: DESENVOLVIMENTO TRILHA: DESENVOLVIMENTO WEB Comunicação $.connection.JogoHub.server.movimentaJogador(..) Aplicação HTMl/JS MovimentaJogador(..) Clients.All.AtualizaPosicao() $.connection.JogoHub.client.atualizaPosicao(..) Aplicação HTML/JS © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft.
  5. 5. SESSÃO: DESENVOLVIMENTO Instalação ♦ Através Nuget PM> Install-Package Microsoft.AspNet.SignalR ♦ Ou a partir de arquivos dos tipos ♦ SignalR Hub Class (v2) ♦ SignalR Persistent Connection Class (v2) © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  6. 6. SESSÃO: DESENVOLVIMENTO Demo Importante! Conferir Versão do Javascript do SignalR e do jQuery © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  7. 7. SESSÃO: DESENVOLVIMENTO SignalR no servidor e no cliente ♦ Hub Class (servidor) ♦ Hub Proxy (cliente) ♦ Callbacks, Anomyous Methods © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  8. 8. SESSÃO: DESENVOLVIMENTO TRILHA: DESENVOLVIMENTO WEB Hub Class (servidor) ♦ Simples definição do Hub ♦ Implementação dos métodos ♦ Uso intensivo de Anonymous Methods public class ShapeHub : Hub { // // Recebe mensagens do Cliente // public void MoveShape(int x, int y) { // // Envia mensagens para o Cliente // this.Clients.Others.updateShape(x, y); } } © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft.
  9. 9. SESSÃO: DESENVOLVIMENTO TRILHA: DESENVOLVIMENTO WEB Hub Proxy (cliente) ♦ Implementação dos métodos no cliente “.client” ♦ Pode chamar métodos no servidor “.server” <script type="text/javascript"> $(function () { var shape = $("#shape"); $.connection.hub.start().done(function () { shape.draggable({ drag: function () { // // Envia a nova posição para o servidor // $.connection.shapeHub.server.moveShape( shape.position().left, shape.position().top); } }); }); // // Recebe as mensagens do servidor // $.connection.shapeHub.client.updateShape = function (x, y) { shape.animate({ left: x, top: y }, { queue: false }); } }); </script> © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft.
  10. 10. SESSÃO: DESENVOLVIMENTO Demo ♦ Movendo Objetos © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  11. 11. SESSÃO: DESENVOLVIMENTO Onde você pode usar? ♦ Apps altamente interativas ♦ Dashboards ♦ Apps com colaboração entre clientes ♦ Jogos ♦ Dispositivos ♦ ♦ ♦ ♦ ♦ Windows Phone Mobile Desktop (Chrome, Opera, Firefox, IE) Aplicativos .NET IOs © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  12. 12. SESSÃO: DESENVOLVIMENTO Demo ♦ ShootR http://shootr.signalr.net/ ♦ JabbR https://jabbr.net © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  13. 13. SESSÃO: DESENVOLVIMENTO Demo ♦ Sala de Bate Papo © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  14. 14. SESSÃO: DESENVOLVIMENTO Demo ♦ Comunicação entre dispositivos diferentes © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  15. 15. SESSÃO: DESENVOLVIMENTO Demo ♦ Jogo da Velha © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  16. 16. SESSÃO: DESENVOLVIMENTO Referências ♦ Siga o Damian Edwards https://twitter.com/damianedwards ♦ ASP.NET http://asp.net/signalr ♦ SignalR no GitHub http://gifthub.com/signalr/signalr ♦ Blog 100loop.com http://100loop.com © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB
  17. 17. SESSÃO: DESENVOLVIMENTO Perguntas & Respostas © 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Microsoft. TRILHA: DESENVOLVIMENTO WEB

×