Futbol multi-screen con Azure SignalR Services

October 4th, 5th & 6th 2018.NET Conf AR v2018
Futbol multi-screen
con Azure SignalR Service
Ing. Jose A. Fernandez
Tech Lead
@fernandezja

Agenda
• SignalR
• Que es? Que versiones existen?
• Diferencias/Cambios
• Ping charla v2017 #NETConfAR
• Performance/Escalamiento
• Demo
• Azure SignalR Service
• Configuracion
• Conexiones

SignalR. Que es? Repasando
• Apps en real-time increíblemente simple para .NET
• Provee una capa de abstracción sobre algunos de los transportes
• API Hubs para server-based push hacia web clients
• Clientes for JavaScript/Typescript, C#, C++, & Java
• Tipo de Conexiones…
• Forever Frames
• ServerSentEvent
• LongPolling
• Websockets

SignalR a la carta
• Dos versiones
ASP.NET SignalR
ASP.NET Core SignalR

ASP.NET SignalR / ASP.NET Core SignalR
ASP.NET SignalR ASP.NET Core SignalR
Server NuGet Package Microsoft.AspNet.SignalR Microsoft.AspNetCore.App (.NET Core)
Microsoft.AspNetCore.SignalR (.NET
Framework)
Client NuGet Packages Microsoft.AspNet.SignalR.Client
Microsoft.AspNet.SignalR.JS
Microsoft.AspNetCore.SignalR.Client
Client npm Package signalr @aspnet/signalr
Server App Type ASP.NET (System.Web) or OWIN Self-Host ASP.NET Core
Supported Server Platforms .NET Framework 4.5 or later .NET Framework 4.6.1 or later
.NET Core 2.1 or later
https://docs.microsoft.com/en-us/aspnet/core/signalr/version-differences?view=aspnetcore-2.1

Ping to! Charla de v2017 #NETConfAR
• Aplicaciones en tiempo real con SignalR Core
https://youtu.be/EeAODcaeoqA
• Florencia Nodar
• Nicolas Granata

Cambios
• Reconexiones automáticas.
• No se admiten
• Protocolos de mensajes
• JSON
• MessagePack (binario)
• … y se puede extender
• Streaming

SignalR
¿Dónde se ejecuta?

Donde se ejecuta?
• Para aplicaciones .NET…
• en nuestra apps,
• en el mismo contexto
• ¿Y si vamos a recibir miles de mensajes por segundo?
• Tenemos que escalar? Como?
• Garantizar que el rendimiento no se vea obstaculizado por la
generación de tráfico de red innecesario.

Escalando
SignalR
mmm!

Escalando SignalR
• Regulación de frecuencia de mensajes
• Cantidad de mensajes por segundo
• Pool de mensajes. Queue… y enviar en un rate adecuado
• Reducir el tamaño del mensaje
• Ver el objeto de transferencia (DTO).
• Propiedades… socialización
• Propiedades… nombres
• MessagePack!

Escalando/Performance SignalR
• Regulación de frecuencia de mensajes
• Cantidad de mensajes por segundo
• Pool de mensajes. Queue… y enviar en un rate adecuado
• Reducir el tamaño del mensaje
• Ver el objeto de transferencia (DTO).
• Propiedades… socialización
• Propiedades… nombres
• MessagePack!

• Ajuste de su servidor SignalR …rendimiento
• DefaultMessageBufferSize
• Por Default … SignalR conserva 1000 mensajes en memoria por Hub por
conexión
• Mensajes grandes?
• Ajustes de configuración de IIS
• Max concurrent requests per application
• ApplicationPool QueueLength
cd %windir%System32inetsrv appcmd.exe set config
/section:system.webserver/serverRuntime
/appConcurrentRequestLimit:10000

• ASP.NET Configuracion de la Apps
• Maximum concurrent requests per CPU
• Request Queue Limit
<configuration>
<system.web>
<applicationPool maxConcurrentRequestsPerCPU="20000" />
</system.web>
</configuration>
<processModel autoConfig="false" requestQueueLimit="250000" />

Scale out SignalR
https://docs.microsoft.com/en-us/aspnet/signalr/overview/performance/scaleout-in-signalr
+ Servers Con Backplane

SignalR Backplanes
• Azure Service Bus
• Redis
• SQL Server

Ops!
Operaciones
Infraestructura

MessagePack en ASP.NET Core SignalR
• It's like JSON.
but fast and small.
• https://msgpack.org/

Streaming en ASP.NET Core SignalR
• Admite la transmisión streaming desde el servidor
• Util….cuando los fragmentos de datos llegaran en un lapso de tiempo.
• Cada fragmento se envía al cliente tan pronto como está disponible

Streaming
en ASP.NET
Core
SignalR

Demo

Demo
http://bit.ly/soccer-signalr

Azure SignalR Service
https://azure.com/signalr

https://azure.com/signalr
• Es un servicio completamente administrado
• Permite utilizar ASP.NET Core SignalR para
crear app que requieran experiencias e
interacciones en tiempo real
• Como chat, live panels, gráficos, futbol...
• Sin preocuparse por
• el aprovisionamiento de la capacidad,
• el escalamiento
• o las conexiones persistentes.

Azure SignalR Service…
Rápido
y Sencillo
Centrado en el
negocio
Potencial con
otros servicios

Si ya utilizamos SignalR ….
• Paquete Microsoft.Azure.SignalR (Core)
...Microsoft.Azure.SignalR.AspNet
• Configuración Liviana (en Startup)
Rápido
y Sencillo

Si ya utilizamos SignalR ….
• ConectionString
1. Environment Variable
• Azure:SignalR:ConnectionString
• Azure__SignalR__ConnectionString
2. Param en AddAzureSignalR(“…”)
Rápido
y Sencillo

Cliente….
• Mismo cliente de ASP.NET SignalR Core
npm install @aspnet/signalr
<script src="/lib/signalr/signalr.js"></script>

Cliente….
• Misma configuración
• No hay nada exclusivo
de Azure SignalR

Conexiones del Servidor: Azure SignalR Service
• Expone endpoints por cada Hubs
• Responderá los request de conexiones
• Redirección al app service
• App server al iniciar el SDK abrirá
5 conexiones websockets
con el servicio de SignalR
• Siempre debe estar conectadas !!
• Si se desconecta, se cae todos los clientes
• Se auto reconecta

Conexiones de Clientes: Azure SignalR Service
• Los clientes se conectan al Servicio
…en lugar del app server
• Proceso Cliente Request
1. Envía una solicitud de negociación
al app server
2. Con el SDK de Azure SignalR Service,
el app server devolverá una respuesta
de negociación de redireccionamiento
1. …con la URL del servicio de SignalR
y el token de acceso.

Transporte de Datos: Azure SignalR Service
• Cliente se conectan al servicio
• Es valido hasta…
• El cliente se desconecte
• o el servidor de apps se desconecte
• Es una capa de transporte lógico
• Entre app server y clientes
• Todas las conexiones Azure SignalR
• El App Server lógica de Hubs

Escalar Apps Services… A tener en cuenta
• Las conexiones van fuera del aplicación
• Pero la lógica de los Hubs todavía va a ser necesario escalar
• Cuando tendremos una carga significativa

Escalar Apps Services…
• Varios app servers pueden conectarse a la misma instancia
del Azure SignalR.
• Mismo nombre de clase del Hub
• Se agrupan en el mismo Hub
• Cada conexión/cliente
• Se creara un uno solo app server
• Los mensajes del cliente se enviaran al mismo app server
• ¿Queremos acceder a Info del cliente globalmente?
• … Algun storage para read/write

Personalizando Configuración
services.AddSignalR()
.AddAzureSignalR(options =>
{
options.ConnectionCount = 15;
options.AccessTokenLifetime = TimeSpan.FromDays(1);
options.ClaimsProvider = context => context.User.Claims;
});

• Disponibilidad para utilizar con ASP.NET Core SignalR
• Todavía en public preview para ASP.NET SignalR
• Azure Functions binding
• https://github.com/Azure/azure-functions-signalrservice-extension
September 24, 2018
Azure SignalR Service now generally available
https://azure.microsoft.com/en-us/blog/azure-signalr-service-now-generally-available/

Lista de Deseos… para la Demo.
• Soporte para recordar ID de pantalla en el browser
• Reconexión
• Mejorar la UI (Arcos, Gol)
• Mosaico mas amplio
• Extender ejemplo …
• Imágenes, Big-Screen
• #CosmosDB
• Serverless #AzureFunctions
• SaaS

Muchas Gracias!

Enlaces
• https://azure.com/signalr
• https://docs.microsoft.com/en-us/azure/azure-signalr/
• https://github.com/fernandezja/soccer-multi-screen-
signalr/tree/master

Muchas Gracias! 
https://github.com/fernandezja
@fernandezja
Ing. Jose A. Fernandez
https://www.linkedin.com/in/fernandezja/

Futbol multi-screen con Azure SignalR Services

Más contenido relacionado

Similar a Futbol multi-screen con Azure SignalR Services (20)

Último (20)

Futbol multi-screen con Azure SignalR Services

Notas del editor