SESSÃO: DESENVOLVIMENTO

TRILHA: DESENVOLVIMENTO WEB

MVP ShowCast 2013

Construindo Apps de tempo real com SignalR
Ivan P...
SESSÃO: DESENVOLVIMENTO

Agenda
♦ O que é SignalR?
♦ Comunicação
♦ Instalação
♦ Demo!
♦ SignalR no servidor e no cliente
♦...
SESSÃO: DESENVOLVIMENTO

O que é SignalR?
♦ Uma camada de abstração para comunicação assíncrona

♦ Permite comunicação bi-...
SESSÃO: DESENVOLVIMENTO

TRILHA: DESENVOLVIMENTO WEB

Comunicação
$.connection.JogoHub.server.movimentaJogador(..)

Aplica...
SESSÃO: DESENVOLVIMENTO

Instalação
♦ Através Nuget
PM> Install-Package Microsoft.AspNet.SignalR

♦ Ou a partir de arquivo...
SESSÃO: DESENVOLVIMENTO

Demo
Importante!
Conferir Versão do Javascript do SignalR e
do jQuery

© 2013, MVP ShowCast. Even...
SESSÃO: DESENVOLVIMENTO

SignalR no servidor e no cliente
♦ Hub Class (servidor)
♦ Hub Proxy (cliente)
♦ Callbacks, Anomyo...
SESSÃO: DESENVOLVIMENTO

TRILHA: DESENVOLVIMENTO WEB

Hub Class (servidor)
♦ Simples definição do Hub
♦ Implementação dos ...
SESSÃO: DESENVOLVIMENTO

TRILHA: DESENVOLVIMENTO WEB

Hub Proxy (cliente)
♦ Implementação dos métodos
no cliente “.client”...
SESSÃO: DESENVOLVIMENTO

Demo
♦ Movendo Objetos

© 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da M...
SESSÃO: DESENVOLVIMENTO

Onde você pode usar?
♦ Apps altamente interativas
♦ Dashboards
♦ Apps com colaboração entre clien...
SESSÃO: DESENVOLVIMENTO

Demo
♦ ShootR
http://shootr.signalr.net/
♦ JabbR
https://jabbr.net

© 2013, MVP ShowCast. Evento ...
SESSÃO: DESENVOLVIMENTO

Demo
♦ Sala de Bate Papo

© 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da...
SESSÃO: DESENVOLVIMENTO

Demo
♦ Comunicação entre dispositivos diferentes

© 2013, MVP ShowCast. Evento organizado por MVP...
SESSÃO: DESENVOLVIMENTO

Demo
♦ Jogo da Velha

© 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Mic...
SESSÃO: DESENVOLVIMENTO

Referências
♦ Siga o Damian Edwards
https://twitter.com/damianedwards
♦ ASP.NET
http://asp.net/si...
SESSÃO: DESENVOLVIMENTO

Perguntas & Respostas

© 2013, MVP ShowCast. Evento organizado por MVPs do Brasil com apoio da Mi...
Upcoming SlideShare
Loading in …5
×

Construindo apps de tempo real com SignalR

360
-1

Published on

MVP ShowCast 2013

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
360
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for 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

×