SlideShare a Scribd company logo

Web Sockets are not Just for Web Browsers

Download as PPTX, PDF
C
cjmyers

This document discusses how Web Sockets can be used beyond web browsers. It begins with an introduction to Web Sockets and how they solve the request-response dilemma by allowing full-duplex communication. The document then demonstrates how Web Sockets can be implemented in WCF services to allow communication from non-browser clients like WPF and Windows 8 applications. Code samples and slides from the presentation are provided at the end.

Technology
1 of 28
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Web Sockets are not Just for Web Browsers September 2013
About Me  I am a software developer, based out of Phoenix, Arizona, that specializes in .NET technology.  Expert on just about all areas of MS.NET programming, but focused on, but not limited to  Connected Systems Technologies  Windows Communication Foundation (WCF)  BizTalk  Windows Workflow Foundation (WF)  SQL Server  Senior Consultant for Neudesic, LLC  President of Phoenix Connected Systems User Group
What the Heck are they? Web Sockets Overview We got a problem Dilemmas With Traditional Methods Ladies and Gents, We Have a Solution Solving the request response dilemma Where are the 1s and 0s: Code Bits and Demonstration Meat of the Presentation: Web Sockets beyond web browsers Wrap it Up Already! Conclusion, Questions and Answers But Why?: Why Use Web Sockets Beyond Web Browsers 3 1 2
What are Web Sockets?  Web Sockets are a standard created by the W3C as developed as a part of the HTML5 initiative  RFC 6455 defines constraints for a protocol  Bi-directional session-ful communication between client and server  Beats old school polling conventions  Request Response Dilemma  API for using Web Sockets
Key Take-Aways Is it request response? Nope. It‟s Full duplex. More on this later…
What Else? Solves world hunger!!!! … Well, not really, but it‟s still pretty awesome
We Got a Problem Here: Request / Response Dilemma Request: I need „XYZ‟ resource Response: Here is „XYZ‟ resource Client Server
JavaScript Solutions  How do we circumvent the fact that we can‟t receive events on the client from the server?  JavaScript polling  Short Polling  Client checks every so often for events and messages that the server has queued  Long Polling  Client makes 60 – 120 second connections to the server and waits for events during that time  If no events are received, the server closes the session  Rinse and repeat
Short Polling
Long Polling
I bet you have a question right about now… What are we ever to do????
Please… let me catch my breath Don‟t fret. Let me back up a second and catch my breath…
Web Sockets: The Solution to the Request / Response Dilemma  Web Sockets are full duplex  Walkthrough of the process:  Client establishes web socket connection to server  4 minutes pass  Server determines that an event needs to be sent to the client  Event sent through established connection  Problem solved!!  Important takeaway: Connection is synchronous (connect > disconnect), but messages are asynchronous
Solution Overview
Full duplex! Full duplex from a web brower??? This is awesome!
Full duplex! However, I won‟t believe it until I see it
Show me the code!
Web Sockets are not Just for Web Browsers  As of version 4.5, .NET WCF supports Web Sockets  Web Sockets are easily implemented using the netHttpBinding  Full Duplex services  Existing service can quickly and easily add a netHttpBinding to the configuration in order to implement this  Shortly, I will show you just how that is done
You‟re probably wondering… Wait a second Chris… You‟re telling me that I can use other applications other than web browsers?
The Truth and Nothing but the Truth Yes my friend. This is the magic of open source protocols. “How?”, you ask. I‟ll show you how!
Show me the code again!
The Demo Web Browser WPF Client
Why Chris?  Firewall benefits  Web Sockets supported by most firewalls since the underlying protocol is via HTTP  OSI Layer 5+ firewalls still support web sockets due to UPGRADE requests  Platform agnostic protocol  Protocol defined by W3C and not a single vendor  Supports Java clients  Supports .NET clients  Supports Plethora of Platforms (Python, PHP, Perl)  Services can be built once  No more separate solutions for client type restrictions  One service can support various clients
Multiple Clients and One Service WPF Client WCF Service Metro Client Web Browser Client
Show me the code one last time!  Demonstrations  One service  Windows 8 client  WPF Client  Web client walkthrough
Code and Slides • Git Hug: https://github.com/jixer/wcf-windows-8-web-sockets/ • My Blog: http://www.bloggedbychris.com/2013/09/23/nwvdnug-web-sockets- presentation/
PCSUG  http://pcsug.org/  Meeting at Interface now  October 2nd, 2013: The Connected Systems Voyage - Charted and Uncharted Territories  Chris Myers, President, PCSUG
Questions?

More Related Content

PPT
Open Source
guest9933e6
 
PDF
Reactive Guide for Spring MVC - Rossen Stoyanchev
VMware Tanzu
 
PPT
Common Mistakes Made By Web Developers
BOSS Webtech
 
PDF
Messaging is not just for investment banks!
elliando dias
 
PPTX
Slideshare - Magento Imagine - Do You Queue
10n Software, LLC
 
PPTX
Component-driven development with AngularJS
Boyan Mihaylov
 
PPTX
Knockout js with mvc
Joel Cochran
 
PDF
Wordpress vs html
Nitin Garg
 
Open Source
guest9933e6
 
Reactive Guide for Spring MVC - Rossen Stoyanchev
VMware Tanzu
 
Common Mistakes Made By Web Developers
BOSS Webtech
 
Messaging is not just for investment banks!
elliando dias
 
Slideshare - Magento Imagine - Do You Queue
10n Software, LLC
 
Component-driven development with AngularJS
Boyan Mihaylov
 
Knockout js with mvc
Joel Cochran
 
Wordpress vs html
Nitin Garg
 

What's hot (18)

PDF
Introduction to Web Sockets
Jumping Bean
 
PPTX
Async
Kevin Griffin
 
PPTX
Single Page Applications: Your Browser is the OS!
Jeremy Likness
 
PPTX
How I built a WebRTC enabled website in 20 minutes!
Paul Richards
 
KEY
Learn to Code: SXSX 2012
Nate Westheimer
 
KEY
Node.js Presentation Rotterdam.PHP
Joris Verbogt
 
PPTX
Monitoring Servers, With a Little Help from my Bots
Takashi Yamanoue
 
PDF
Using Axe to Add Accessibility Checks to Your Existing Selenium Tests
Sauce Labs
 
PPTX
How to make your functional tests really quick
Mikalai Alimenkou
 
PPTX
Aspect oriented programming
Robert MacLean
 
PDF
Appserver.io Imagine Presentation 2014
TechDivision GmbH
 
PDF
Magento on stereoids, Imagine 2014 Las Vegas
Stefan Willkommer
 
PDF
MJML presentation - PHP User group Sofia
E Boisgontier
 
KEY
Architecting single-page front-end apps
Zohar Arad
 
PDF
STAQ Development Manual (Redacted)
Mike Subelsky
 
PPTX
Asynchrony on the web
Wekoslav Stefanovski
 
PDF
Fast Websites: The What, Why, and How
Andrew Duthie
 
PPTX
Copy of final webmailing
Kumar
 
Introduction to Web Sockets
Jumping Bean
 
Async
Kevin Griffin
 
Single Page Applications: Your Browser is the OS!
Jeremy Likness
 
How I built a WebRTC enabled website in 20 minutes!
Paul Richards
 
Learn to Code: SXSX 2012
Nate Westheimer
 
Node.js Presentation Rotterdam.PHP
Joris Verbogt
 
Monitoring Servers, With a Little Help from my Bots
Takashi Yamanoue
 
Using Axe to Add Accessibility Checks to Your Existing Selenium Tests
Sauce Labs
 
How to make your functional tests really quick
Mikalai Alimenkou
 
Aspect oriented programming
Robert MacLean
 
Appserver.io Imagine Presentation 2014
TechDivision GmbH
 
Magento on stereoids, Imagine 2014 Las Vegas
Stefan Willkommer
 
MJML presentation - PHP User group Sofia
E Boisgontier
 
Architecting single-page front-end apps
Zohar Arad
 
STAQ Development Manual (Redacted)
Mike Subelsky
 
Asynchrony on the web
Wekoslav Stefanovski
 
Fast Websites: The What, Why, and How
Andrew Duthie
 
Copy of final webmailing
Kumar
 
Ad

Similar to Web Sockets are not Just for Web Browsers (20)

PPTX
Web sockets are not just for web browsers
cjmyers
 
PPTX
Brewing Beer with Windows Azure - NDC2013
Maarten Balliauw
 
PDF
ServerSentEventsV2.pdf
Alessandro Minoccheri
 
PPT
HTTP Server Push Techniques
Folio3 Software
 
PPTX
video conference (peer to peer)
mohamed amr
 
PDF
ServerSentEvents.pdf
Alessandro Minoccheri
 
PPTX
Production debugging web applications
Ido Flatow
 
PPTX
Building Realtime Web Applications With ASP.NET SignalR
Shravan Kumar Kasagoni
 
PDF
WebSocket Push Fallback - Transcript.pdf
ShaiAlmog1
 
PPT
Vp nwebcast williams_wallaboswell
scetinkaya
 
PPTX
Techdays 2012 - What is new in .NET 4.5 & Visual Studio 2012
Robert MacLean
 
PDF
Real time web
Medhat Dawoud
 
PPTX
Best practices of building data streaming API
Constantine Slisenka
 
PDF
Web Development Presentation
TurnToTech
 
PPT
DevNext - Web Programming Concepts Using Asp Net
Adil Mughal
 
PDF
learn mvc project in 7 day
Quach Long
 
DOCX
It and ej
Harihar Kalia
 
PPTX
Web socket with php v2
Leonardo Rifeli
 
PPTX
Pentesting With Web Services in 2012
Ishan Girdhar
 
PPT
Programming Server side with Sevlet
backdoor
 
Web sockets are not just for web browsers
cjmyers
 
Brewing Beer with Windows Azure - NDC2013
Maarten Balliauw
 
ServerSentEventsV2.pdf
Alessandro Minoccheri
 
HTTP Server Push Techniques
Folio3 Software
 
video conference (peer to peer)
mohamed amr
 
ServerSentEvents.pdf
Alessandro Minoccheri
 
Production debugging web applications
Ido Flatow
 
Building Realtime Web Applications With ASP.NET SignalR
Shravan Kumar Kasagoni
 
WebSocket Push Fallback - Transcript.pdf
ShaiAlmog1
 
Vp nwebcast williams_wallaboswell
scetinkaya
 
Techdays 2012 - What is new in .NET 4.5 & Visual Studio 2012
Robert MacLean
 
Real time web
Medhat Dawoud
 
Best practices of building data streaming API
Constantine Slisenka
 
Web Development Presentation
TurnToTech
 
DevNext - Web Programming Concepts Using Asp Net
Adil Mughal
 
learn mvc project in 7 day
Quach Long
 
It and ej
Harihar Kalia
 
Web socket with php v2
Leonardo Rifeli
 
Pentesting With Web Services in 2012
Ishan Girdhar
 
Programming Server side with Sevlet
backdoor
 
Ad

Recently uploaded (20)

PDF
Unlocking AI with Model Context Protocol (MCP)
Brian McKeiver
 
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
PDF
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PDF
Modernizing your data center with Dell and AMD
Principled Technologies
 
PDF
NewMind AI Weekly Chronicles - August'25 Week I
NewMind AI
 
PDF
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
ZubinRadhakrishnan
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
AVTRON Technologies LLC
 
PDF
KodekX | Application Modernization Development
KodekX
 
PDF
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
PPTX
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
Unlocking AI with Model Context Protocol (MCP)
Brian McKeiver
 
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
Encapsulation theory and applications.pdf
gurumoop
 
Modernizing your data center with Dell and AMD
Principled Technologies
 
NewMind AI Weekly Chronicles - August'25 Week I
NewMind AI
 
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
“AI and Expert System Decision Support & Business Intelligence Systems”
ZubinRadhakrishnan
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
Cloud computing and distributed systems.
kkkkkhan
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
AVTRON Technologies LLC
 
KodekX | Application Modernization Development
KodekX
 
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 

Web Sockets are not Just for Web Browsers

  • 1. Web Sockets are not Just for Web Browsers September 2013
  • 2. About Me  I am a software developer, based out of Phoenix, Arizona, that specializes in .NET technology.  Expert on just about all areas of MS.NET programming, but focused on, but not limited to  Connected Systems Technologies  Windows Communication Foundation (WCF)  BizTalk  Windows Workflow Foundation (WF)  SQL Server  Senior Consultant for Neudesic, LLC  President of Phoenix Connected Systems User Group
  • 3. What the Heck are they? Web Sockets Overview We got a problem Dilemmas With Traditional Methods Ladies and Gents, We Have a Solution Solving the request response dilemma Where are the 1s and 0s: Code Bits and Demonstration Meat of the Presentation: Web Sockets beyond web browsers Wrap it Up Already! Conclusion, Questions and Answers But Why?: Why Use Web Sockets Beyond Web Browsers 3 1 2
  • 4. What are Web Sockets?  Web Sockets are a standard created by the W3C as developed as a part of the HTML5 initiative  RFC 6455 defines constraints for a protocol  Bi-directional session-ful communication between client and server  Beats old school polling conventions  Request Response Dilemma  API for using Web Sockets
  • 5. Key Take-Aways Is it request response? Nope. It‟s Full duplex. More on this later…
  • 6. What Else? Solves world hunger!!!! … Well, not really, but it‟s still pretty awesome
  • 7. We Got a Problem Here: Request / Response Dilemma Request: I need „XYZ‟ resource Response: Here is „XYZ‟ resource Client Server
  • 8. JavaScript Solutions  How do we circumvent the fact that we can‟t receive events on the client from the server?  JavaScript polling  Short Polling  Client checks every so often for events and messages that the server has queued  Long Polling  Client makes 60 – 120 second connections to the server and waits for events during that time  If no events are received, the server closes the session  Rinse and repeat
  • 11. I bet you have a question right about now… What are we ever to do????
  • 12. Please… let me catch my breath Don‟t fret. Let me back up a second and catch my breath…
  • 13. Web Sockets: The Solution to the Request / Response Dilemma  Web Sockets are full duplex  Walkthrough of the process:  Client establishes web socket connection to server  4 minutes pass  Server determines that an event needs to be sent to the client  Event sent through established connection  Problem solved!!  Important takeaway: Connection is synchronous (connect > disconnect), but messages are asynchronous
  • 15. Full duplex! Full duplex from a web brower??? This is awesome!
  • 16. Full duplex! However, I won‟t believe it until I see it
  • 17. Show me the code!
  • 18. Web Sockets are not Just for Web Browsers  As of version 4.5, .NET WCF supports Web Sockets  Web Sockets are easily implemented using the netHttpBinding  Full Duplex services  Existing service can quickly and easily add a netHttpBinding to the configuration in order to implement this  Shortly, I will show you just how that is done
  • 19. You‟re probably wondering… Wait a second Chris… You‟re telling me that I can use other applications other than web browsers?
  • 20. The Truth and Nothing but the Truth Yes my friend. This is the magic of open source protocols. “How?”, you ask. I‟ll show you how!
  • 21. Show me the code again!
  • 23. Why Chris?  Firewall benefits  Web Sockets supported by most firewalls since the underlying protocol is via HTTP  OSI Layer 5+ firewalls still support web sockets due to UPGRADE requests  Platform agnostic protocol  Protocol defined by W3C and not a single vendor  Supports Java clients  Supports .NET clients  Supports Plethora of Platforms (Python, PHP, Perl)  Services can be built once  No more separate solutions for client type restrictions  One service can support various clients
  • 24. Multiple Clients and One Service WPF Client WCF Service Metro Client Web Browser Client
  • 25. Show me the code one last time!  Demonstrations  One service  Windows 8 client  WPF Client  Web client walkthrough
  • 26. Code and Slides • Git Hug: https://github.com/jixer/wcf-windows-8-web-sockets/ • My Blog: http://www.bloggedbychris.com/2013/09/23/nwvdnug-web-sockets- presentation/
  • 27. PCSUG  http://pcsug.org/  Meeting at Interface now  October 2nd, 2013: The Connected Systems Voyage - Charted and Uncharted Territories  Chris Myers, President, PCSUG