Aplicaciones Real-Time con SignalR
•Descargar como PPTX, PDF•
1 recomendación•4,057 vistas
Aplicaciones Real-Time con SignalR
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a Aplicaciones Real-Time con SignalR
Similar a Aplicaciones Real-Time con SignalR (20)
Más de Rodolfo Finochietti
Más de Rodolfo Finochietti (18)
Último
Último (20)
Aplicaciones Real-Time con SignalR
- 2. • ¿Por que necesitamos aplicaciones real-time? • ¿Que tecnologias tenemos disponibles para desarrollar aplicaciones real-time? • SignalR • Connections y Hubs • Clients • Preguntas
- 4. Twitter – live searches/updates Stock streamers Auctions Live scores Real-time notifications Interactive games Collaborative apps Live user analytics … 6
- 6. Nunca se diseño para comunicaciones real-time
- 7. HTTP/1.1 200 OK Content-Type: text/plain Transfer-Encoding: chunked <script>eval("... ")</script>0 <script>eval("... ")</script>0
- 11. Extensión de HTTP Provee sockets sobre HTTP Full-duplex Funciona a través de proxies No todos los proxy servers lo soportan No todos los webserver lo soportan No todos los browsers lo soportan ¡Son sockets!
- 13. R
- 14. ¡3 en uno!
- 19. PersistentConnection Limitado a enviar mensajes El usuario define el “protocolo” Hub Abstracción sobre PersistentConnection Se pueden enviar mensajes y llamar a métodos SignalR define el protocolo
- 24. En el servidor En el cliente Pero hay mas…
- 25. En el servidor En el cliente https://github.com/SignalR/java-client
- 26. Microsoft /web® Backplane Balanceo de carga a través de un mecanismo de transporte común
- 27. • ¡3 en uno! • Connections & Hubs • Soporte para muchos tipos de clientes
- 30. ¡Gracias!
Notas del editor
- How do you implement these today?
- DEMO: Fiddler con hootsuite.com
- DEMO: Fiddler con facebook.com
- http://www.w3schools.com/html/html5_serversentevents.asp
- That’s a lot of options, a lot of things to account for and a lot of different programming models. Are you going to do this? Are you still writing separate getDocumentById and AttachEvent methods to work with the DOM? What about jQuery?
- Open the previously created sample Install-Package jQuery.UI.Combined Add a class: [HubName("worker")] public class WorkerHub : Hub { public void startProcessing(Event e) { Caller.notify("We've started processing " + e.EventName); Clients.setProgress(10); for (int i = 0; i <= 100; i++) { SignalR.Hubs.Hub.GetClients<WorkerHub>().setProgress(i); Thread.Sleep(100); } } } Add some HTML: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" href="Content/themes/base/jquery.ui.all.css" /> <script src="Scripts/jquery-1.6.4.min.js" type="text/javascript"></script> <script src="Scripts/jquery-ui-1.8.16.min.js" type="text/javascript"></script> <script src="Scripts/jquery.signalR.js" type="text/javascript"></script> <script src="signalr/hubs" type="text/javascript"></script> <script type="text/javascript"> $(function () { var workerHub = $.connection.worker; $('#progressbar').progressbar({ value: 0 }); $('#startWorkTrigger').bind('click', function () { workerHub.startProcessing({ eventName: 'UAN12' }) .fail(function (e) { alert("An error occured: " + e); }); }); workerHub.notify = function (message) { $('#notifications').html(message); }; workerHub.setProgress = function (progress) { $('#progressbar').progressbar({ value: progress }); }; $.connection.hub.start(); }); </script> </head> <body> <div id="progressbar" style="width: 200px;"></div> <div id="notifications" style="width: 200px;"></div> <button id="startWorkTrigger">Start work</button></body> </html>
- SignalR needs a backplane to scale. In a multi-server or multi-instance environment, communication sent from the client will only land on the server from which the originating call was made. If other users are actively connected to the application, but on different servers, the real-time communication won’t cross the servers. Click to play first animation. If your application needs to run in a multiple-instance manner, a backplane is necessary. Click to fade in the backplane Now that the backplane has been added to the architecture, the server or instances nodes can transmit data between the other servers or instances, enabling load-balanced real-time communication. Click to play the animation showing multi-server communication