O documento apresenta conceitos e técnicas de push technology, incluindo polling, long polling, server-sent events, forever frames e web sockets. Apresenta também o framework SignalR da Microsoft para implementar comunicação em tempo real entre clientes e servidor.

2. Bio
Walter Dias
SI & EAS
Localiza Rent a Car
Video Game Whore
G33K
Level 26
Arquiteto Software
Tecnologias Microsoft
walterbh@gmail.com
@walterbh
bit.ly/1721Szi

3. Agenda
Conceitos
Push
Technology
Cenários
Técnicas
SignalR
Demo
Alternativas
Conclusão
Q&A

4. Conhecimento é...

5. ...poder

6. Informação

7. Dados em tempo Real

8. Computação em tempo real

9. Computação em tempo real
A
B
C
• Agressivo
• Baixo
• Consistente

10. Push Technology

11. Push Technology

12. Cenários

13. Cenários

14. Cenários

15. HTTP Normal
Cliente
Servidor

16. Polling
Tempo
Servidor
Cliente

17. Polling
setInterval(function () {
$.ajax({
type: "POST",
url: "URL",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
// do something...
}
});
}, 10000);

18. Long Polling
Tempo
Servidor
Cliente

19. Long Polling
function longPolling() {
$.ajax({
type: "POST",
url: "URL",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
// do something nice...
},
error: function (msg) {
// do something evil...
},
complete: function () {
longPolling(); // call again
}
});
}

20. Server Sent Events
Tempo
Servidor
Cliente

21. Server Sent Events - JS
if (!window.EventSource) {
alert("Seu browser é o M$IE");
}
var source = new EventSource('stream.asp');
source.addEventListener('message', function (e) {
//do something
}, false);
source.addEventListener('open', function (e) {
// connection was opened.
}, false);
source.addEventListener('error', function (e) {
if (e.readyState == EventSource.CLOSED) {
// connection was closed.
}
}, false);

22. Server Sent Events - Server
Content-Type: text/event-stream
data:
data:
data:
data:
{n
"msg": "hello world",n
"id": 12345n
}nn
data, event, id, retry

23. Forever Frame
Tempo
Servidor
Cliente

24. Forever Frame
<iframe src="URL" style="visibility: hidden;">
<script>doSomething();</script>
window.parent

25. Web Sockets
Tempo
Servidor
Cliente

26. Web Sockets
function doSomething() {
websocket = new WebSocket(URL);
websocket.onopen = function (evt) { };
websocket.onclose = function (evt) { };
websocket.onmessage = function (evt) { };
websocket.onerror = function (evt) { };
websocket.send(message);
websocket.close();
}

27. SignalR

28. Alternativas