introduction to real-time web development & cloud fundamentals

7/25/2019 Introduction to Real-Time Web Development & Cloud Fundamentals

1/26

Introduction to Real-Time WebDevelopment & Cloud Fundamenta

MICROSOFT INNOVTION C!NT!R" #$%


2/26

Microsot Innovation Center" #$%


3/26

W'o uses real-timecommunication



4/26



5/26

Classic client-serverscenario

Client

Re)uest

Response



6/26

*o+ does real-timecommunicatio+or,(



7/26

Classic lon-pollinscenario

Client

.ot Data(

.ot Data(

.ot Data(

*ere/s some data0

.ot Data(

.ot Data(

.ot Data(



8/26

W'1 isn/t lon-pollinood enou'

Client

.ot Data(

.ot Data(

.ot Data(

*ere/s some data0

.ot Data(

.ot Data(

.ot Data(

!ver1 time t'e clientas,s t'e server

data" band+idt' is bein used0


9/26


Welcomin WebSoc,ets

WebSoc,et is a protocol providinull-duple2 communication c'annels o

a sinleTC$ connection


10/26

GET/chatHTTP/1.1

Host:server.example.com

Upgrade:websocket

Connection:Upgrade

Sec-WebSocket-e!:x"##H$b%&1E'&k()G*(+%w,,

Sec-WebSocket-rotocol:c(at s/perc(at

Sec-WebSocket-0ersion:1"

rigin:(ttp233example.com

HTTP/1.1141Switching Protocol

Upgrade:websocket

Connection:Upgrade

Sec-WebSocket-5ccept:HSmrc4s$l

Sec-WebSocket-rotocol:c(at



11/26


W'1 not use WebSoc,etsdirectl1(

It +ill onl1 +or, i t'e bro+ser ullsupports *TM34

I t'e net+or,is unstable" it mi't s+or,in entirel1


12/26


re t'ere an1 ot'er real-timetec'noloies(

3on-$ollin Forev

Server Sent!vents

WebSoc,et


13/26


W'at is SinalR(

SinalRis a series o abstarctions arouvarious met'ods or providin persist

*TT$ connections

SinalRma,es real-time communicabet+een a clientand a serverver1 e

* d Si lR , i d


14/26


*o+ does SinalR +or, in modernserver-client scenarios(

Client

I do real-time" do 1ou(

5ep0

3et/s $art1 in Real-time0

* d Si lR d id 'i ' l t


15/26

*o+ does SinalRdecide +'ic' real-ttec'nolo1 to use(

Client

I do WebSoc,ets" do 1ou(

5es0

3et/s use WebSoc,ets0




16/26


Client


Nope

I do Server Sent !vents do 1ou(

5es0

3et/s use Server Sent !vents0




17/26


Client


No0


No0

I do Forever Frames" do 1ou(

5es0

3et/s use Forever Frames0


*o does SinalR decide 'ic' real t


18/26


Client


No0


No0

I do Forever Frames" do 1ou(

No0


I t' li t d t' d t


19/26


I t'e clientand t'e server do not aon one o t'e duple2 tec'noloies"

t'e1 +ill use lon-pollin

Client

.ot Data(

.ot Data(

.ot Data(

*ere/s some data0

.ot Data(

.ot Data(

.ot Data(


20/26


T'e idea be'ind SinalR is to 'ide t+a1 t'e connection is made" so t'

prorammer isn/t concerned +it' *Ot'e data is sent


21/26

3on$ollin

ForeverFrames

ServerSent

!vents

WebSoc,es

SinalRallbac,



22/26

Transportneotiation



23/26

3et/s tr1Websoc,ets0

No(*o+ aboutSS!(

No(ForeverFrames(

O,a1" t'en6

3on

SinalR Core Contepts


24/26


SinalR Core Contepts

Connection7 simple endpoint or semessaes

*ub 7 'i'-level pipeline built usin Cont'at allo+ t'e clientand t'e serverto cot'ers/ met'ods directl1


25/26


D!MO

SinalR *ubs


26/26


SinalR *ubs

*ubcalled b1 t

'ub is a rom Microso

introduction to real-time web development & cloud fundamentals

Documents