Este documento resume una presentación sobre aplicaciones en tiempo real usando SignalR y .NET Core. La presentación cubre conceptos básicos de aplicaciones en tiempo real, SignalR, WebSockets y otras técnicas de comunicación en tiempo real. También explica los modelos de conexión y transportes de SignalR, así como la arquitectura y uso de Hubs y conexiones persistentes. Finalmente, muestra un ejemplo práctico de una aplicación de sorteos en tiempo real usando estas tecnologías.

1. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Aplicaciones en tiempo real
SignalR Core, .NET CORE
Florencia Nodar
Software Solutions Developer
Algeiba IT
Nicolás Granata
Software Solutions Developer
Algeiba IT

2. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Aplicaciones en tiempo real
SignalR, Angular , .NET CORE

3. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Aplicaciones en tiempo real
SignalR, Angular , .NET CORE¿Cuántas veces DISEÑAMOS y
CONSTRUIMOS una aplicación en
tiempo real?

4. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Aplicaciones en tiempo real
SignalR, Angular , .NET CORE
• Desconocimiento de QUE ES y que NO ES una
aplicación en tiempo real.
• Suponer que se requiere un hardware y software
especializado.
• Suponer que se requiere un equipo numeroso
para construirlas.

5. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Aplicaciones en tiempo real
SignalR, Angular , .NET CORE
http://signalrdemo2017.azurewebsites.net

6. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Aplicaciones en tiempo real
SignalR, Angular , .NET CORE.NET CORE
SIGNALR CORE

7. June 29th, 30th & July 1st 2017.NET Conf AR v2017
WebSockets
• Protocolo para la comunicación.
• Permite abrir sesiones
interactivas bidireccionales entre
clientes y servidores.
• Permite que el servidor haga
“Push” al cliente.
• Soportado a partir de HTML5

8. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Otras técnicas
Server Sent Events Forever Frame Long Polling

9. June 29th, 30th & July 1st 2017.NET Conf AR v2017
SignalR – Concepto
• Es un conjunto de librerías que
hace increíblemente sencillo
añadir la funcionalidad web en
tiempo real a nuestras
aplicaciones.
• Permite una comunicación en
tiempo real, sencilla y
bidireccional entre el servidor
y el cliente.

10. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Dos modelos de conexión
• SignalR facilita dos clases principales
para establecer las comunicaciones –
Conexiones Persistentes y Hub

11. June 29th, 30th & July 1st 2017.NET Conf AR v2017
SignalR - Mecanismos de Transporte

12. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Arquitectura de SignalR

13. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Conexiones
persistentes
• API de bajo nivel
• Permite enviar mensajes
“raw” y personalizados.
• El usuario define el
“protocolo”
• API de alto nivel
• Mensajes de alto nivel
 Llamadas a métodos entre cliente
y servidor
• SignalR define el protocolo
Hubs

14. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Funcionamiento del Hub

15. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Código Hub Código Cliente
function SendQuestion(answer)
{
hubProxy.invoke("ReceiveAnswer", answer);
};

16. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Aplicaciones en tiempo real
SignalR, Angular , .NET CORE
http://sorteosignalr.azurewebsites.net

17. June 29th, 30th & July 1st 2017.NET Conf AR v2017
Muchas Gracias!
https://devgirlar.wordpress.com/ https://nicolasgranata.com/
@Nodar_Flor
fnodar@algeiba.com
Florencia Nodar Nicolás Granata
ngranata@algeiba.com
@Nicolasgranata