• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Construindo Apps com ASP.NET SignalR
 

Construindo Apps com ASP.NET SignalR

on

  • 421 views

 

Statistics

Views

Total Views
421
Views on SlideShare
421
Embed Views
0

Actions

Likes
1
Downloads
6
Comments
1

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • http://localhost:58607/SignalR.Sample/StockTicker.html

Construindo Apps com ASP.NET SignalR Construindo Apps com ASP.NET SignalR Presentation Transcript

  • Construindo Apps com ASP.NET SignalR IVAN PAULOVICH - MVP ASP.NET ivan@100loop.com http://facebook.com/ivan.paulovich @ivanpaulovich
  • Ivan Paulovich
  • Agenda  O que é SignalR?  Demo!  SignalR no servidor e no cliente  Demo!  Demo!  Demo!
  • O que é SignalR?  Uma camada de abstração para comunicação assíncrona com ASP.NET  Permite comunicação bi-directional  O cliente pode chamar o servidor (trivial)  O servidor pode chamar métodos do cliente em tempo real (incrivelmente simples)
  • Instalação via Nuget 1. New Empty Web Application 2. Instalar via Nuget PM> Install-Package Microsoft.AspNet.SignalR PM> Install-Package jquery
  • Modelo de Comunicação
  • Demo  Bolsa de Valores Conferir Versão do Javascript
  • SignalR no servidor e no cliente  Instalação  Modelo de Comunicação  Hub  Callbacks no Cliente
  • Hub 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); } }  Simples definição do Hub  Implementação dos métodos  Uso intensivo de Anonymous Methods
  • Hub no Cliente <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>  Implementação dos métodos no cliente “.client”  Pode chamar métodos no servidor “.server”
  • “ ” Poucas linhas de código para criar um app multicliente . Simplesmente incrível!
  • Demo  Movendo Objetos
  • Onde você pode usar?  Apps altamente interativas  Dashboards  Apps multicliente  Comunicação em tempo real entre diferentes dispositivos  IOs  Windows Phone  Desktop  Mobile  Chrome, Opera, Firefox, IE  Jogos
  • Demo  ShootR http://shootr.signalr.net/  JabbR https://jabbr.net
  • Demo  Sala de Bate Papo
  • Demo  Clientes em dispositivos diferentes
  • Demo  Jogo da Velha
  • 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
  • “ ” Obrigado! Entre em contato no www.100loop.com ou no ivan@100loop.com