Write WebSockets Applications using the Atmosphere Framework, deploy them anywhere, with any browsers.

1. Writing Portable WebSocket in Java
Jeanfrancois Arcand
twitter.com/jfarcand

2. Pardon?
• Worked 10 years for Sun Microsystems
• Active Commiter on Tomcat 4/5
• Active Commiter GlassFish 1/2/3
• Glassfish v3 extensible container kernel
• Performance/Scalability
• Creator of the Grizzly NIO Framework
• Creator of the AHC (AsyncHttpClient)
library
• Creator of Atmosphere

3. Atmosphere
Apache 2 Github ~470
« followers »
Client +
Supported server
~25
frameworks Scala, Groovy,
JRuby, Java
Since 2008
20 000 downloads per
months
1.0.0.beta3

4. Atmosphere
Apache 2 Github ~450
« followers »
Client +
Supported EXTREMEL
server
~25 Y ACTIVE
frameworks !!! Scala, Groovy,
JRuby, Java
Since2008
20 000 downloads per
months
1.0.0.beta2

5. Today’s Presentation
WebSocket

6. Today’s Presentation
WebSocket
Definition

7. Today’s Presentation
WebSocket
Definition Free for
all!!!

8. Today’s Presentation
WebSocket
C’est quoi
Definition Free for
Free for
all!!!
all!
Atmospher
e

9. Today’s Presentation
WebSocket
Definition Free for
all!
Atmospher
e
Concepts

10. Today’s Presentation
WebSocket
C’est quoi
Definition Free for
all!!!
all!
Atmospher
e
Concepts Demo

11. WebSockets
is a web technology providing for
bi-directional, full-duplex
communications channels over a
single TCP connection. The
WebSocket API is being
standardized by the W3C, and the
WebSocket protocol has been
standardized by the IETF as RFC
6455

12. Before (Long-Polling)
Request
Browse Server
r

13. Before (Long-Polling)
Request
Browse Server
r

14. Before (Long-Polling)
Request
Browse Server
r
Response

15. Oups!!
Request
Browse None Server
r

16. Oups!
Request
Browse Server
r
Zzzz

17. Better!
Request
Browse Server
r
Cache

18. Better!
Request
Browse Server
r
Cache

19. Pushing the Protocol (HTTP
Streaming)
Request
Browse Server
r

20. Pushing the Protocol (HTTP
Streaming)
Request
Browse Server
r

21. Pushing the Protocol (HTTP
Streaming)
Request
Browse Server
r
Response

22. Pushing the Protocol (HTTP
Streaming)
Request
Browse Server
r
Response
Response

23. Oups!!
Request
Browse Server
r
Hell!!! Response
Response

24. Pushing the Protocol (HTTP
Streaming)
Request
Browse Server
r
Hell!!!
Hack Response
Response

25. Oups!!!
Request
Browse Server
r
Response
Proxy
Response

26. Better
Request
Browse Server
r
Response Cache
Response

27. Better
Request
Browse Server
r
Response Cache
« HeartBeat
Response
»

28. Better: Server Side Events (SSE)
Request
Browse Server
r
Response
Response

29. Oups!!!
Request
Browse Server
r
Response
Proxy
Response

30. Better
Request
Browse Server
r
Response Cache
« HeartBeat
Response
»

31. WebSockets
Hanshake
Browse Server
r

32. WebSockets
Hanshake
Browse Server
r
OK

33. WebSockets
Request
Browse Server
r

34. WebSockets
Request
Browse Server
r

35. WebSockets
Browse Server
r
Response

36. WebSockets
Request
Browse Server
r

37. WebSockets
Request
Request
Browse Server
r

38. WebSockets
Request
Request
Browse Server
r

39. WebSockets
Browse Server
r
Response
Response

40. Anytime
Browse Server
r
Response

41. Life is good, lalalalalala
Browse Server
r
Response

42. Oups!!
Browse Server
r
Response
Proxy

43. Better!
Browse Server
r
Response Cache

44. First Request
T 127.0.0.1:65062 -> 127.0.0.1:8080 [AP]
GET / HTTP/1.1.
Upgrade: websocket.
Connection: Upgrade.
Host: 127.0.0.1:8080.
Origin: http://127.0.0.1:8080.
Sec-WebSocket-Key: Tz9qdt3lmte6Slf+GvpRqQ==.
Sec-WebSocket-Version: 13.
Sec-WebSocket-Extensions: x-webkit-deflate-
frame.

45. Response
T 127.0.0.1:8080 -> 127.0.0.1:51292 [AP]
HTTP/1.1 101 Switching Protocols.
Upgrade: WebSocket.
Connection: Upgrade.
Sec-WebSocket-Accept:
HVXA7SqH5uYeN6aD9tZ0JQbfTJA=.

46. Life is good, lalalalalala
T 127.0.0.1:8080 -> 127.0.0.1:51292 [AP]
HTTP/1.1 101 Switching Protocols.
Upgrade: WebSocket.
Connection: Upgrade.
Sec-WebSocket-Accept:
HVXA7SqH5uYeN6aD9tZ0JQbfTJA=.

47. OUPS!!!
T 127.0.0.1:8080 -> 127.0.0.1:65064 [AP]
HTTP/1.1 501 Not Implemented.
Server: Apache-Coyote/1.1.
X-Atmosphere-error: Websocket protocol not
supported.
Transfer-Encoding: chunked.
Date: Fri, 15 Jun 2012 10:06:30 GMT.
Connection: close.
.

48. WebSocket API – Standard
JavaScript
websocket = new WebSocket(wsUri);
websocket.onopen = function(evt) { …};
websocket.onclose = function(evt) { …};
websocket.onmessage = function(evt) { …};
websocket.onerror = function(evt) { …};
webSocket.send(…)

49. WebSocket API – Java
Jetty 7, GlassFish 3.1, Netty 3, Tomcat
7.0.27, Resin 4, JBoss Plugin
JSR 356:
http://jcp.org/en/jsr/detail?id=356
AHC (Client -> De facto)
http://github.com/sonatype/async-http-
client

50. Life is good,
lalalalalala

51. OUPS!!!

52. Ready?
Safari Tomcat
7
Firefox Jetty7
Jetty8
Chrome
GlassFis
Opera h3.
GlassFis
IE h
312

53. Free for all
Safari Tomcat
7
Firefox Jetty7
Jetty8
Chrome
GlassFis
Opera h3.
GlassFis
IE h
312

54. Free for all
Safari Tomcat
7
Firefox Jetty7
Imdat!! Jetty8
Chrome
GlassFis
Opera h3.
GlassFis
IE h
312

55. Free for all
Safari Tomcat
7
Streamin Jetty7
Firefox
g
Imdat!! Jetty8
Chrome
GlassFis
Opera h3.
GlassFis
IE h
312

56. Free for all
Safari Tomcat
7
Streamin Jetty7
Firefox
g
Imdat!!SSE Jetty8
Chrome
GlassFis
Opera h3.
GlassFis
IE h
312

57. Free for all
Safari Tomcat
7
Streamin Jetty7
Firefox
g
Imdat!!SSE Jetty8
Chrome
GlassFis
Opera JSONP
h3.
GlassFis
IE h
312

58. Free for all
Safari Tomcat
7
Streamin Jetty7
Firefox
g
Imdat!!SSE Jetty8
Chrome
GlassFis
Opera
Long JSONP
h3.
GlassFis
IE Polling h
312

59. Safari Tomcat
7
Firefox Jetty7
Atmosphere
Chrome to the Jetty8
rescue!!! GlassFis
Opera h3.
GlassFis
IE h
312

60. Atmosphere -WebSockets
Safari Tomcat
7
Jetty7
Atmosphere API
Firefox
atmosphere.js
Jetty8
Chrome
GlassFis
Opera h3.
GlassFis
IE h
312

61. Atmosphere - HTML5 Server Side
Events
Safari Tomcat
7
Jetty7
Atmosphere API
Firefox
atmosphere.js
Servlet
Chrome
3
WebLogi
Opera c
GlassFis
IE h
312

62. Atmosphere Long-Polling/HTTP
Streaming
Safari JBoss
Jetty7
Atmosphere API
Firefox
atmosphere.js
Servlet
Chrome
3
WebLogi
Opera c.
GlassFis
IE h

63. Atmosphere
Safari JBoss
Jetty7
Atmosphere API
Firefox
atmosphere.js
Same
Chrome API, transport Servlet
3
independent!! WebLogi
Opera c.
GlassFis
IE h

64. Socket.IO, GWT, Wicket, JSF, etc.
Safari JBoss
Jetty7
Atmosphere API
Firefox
Socket.IO
Servlet
Chrome
3
WebLogi
Opera c.
GlassFis
IE h

65. PORTABLE!!!!!
Safari JBoss
Jetty7
Atmosphere API
Firefox
Socket.IO
PORTABLE Servlet
Chrome
3
WebLogi
Opera c.
GlassFis
IE h

66. Big Big Big Mistake
• Frameworkthat support ONLY
WebSockets
Going into
Production?
IMPOSSIBLE

67. Atmosphere

68. Definition
• Suspend: open a channel
• Resume: close a channel
• Broadcast: push message to one
or more channel

69. Components
Atmosphere.js
Interceptor(s)
Handler(s)

70. Components
Atmosphere.js
Javascript Interceptor(s)
client
Handler(s)

71. Components
Atmosphere.js
Interceptor(s)
Intercepts/
Filters Handler(s)

72. Components
Atmosphere.js
Application
Interceptor(s)
s Logic
Handler(s)

73. Components
Atmosphere.js
Your Servlet
Interceptor(s)
ServletHandler

74. Components
Your Servlet
Atmosphere.js
Based
Framework
Interceptor(s)
ServletHandler

75. Components
Atmosphere.js
ws Your Servlet
Interceptor(s)
ServletHandler

76. Components
Atmosphere.js
ws Your Servlet
ss
e
Interceptor(s)
ServletHandler

77. Components
Atmosphere.js
ws Your Servlet
ss
http
e
Interceptor(s)
ServletHandler

78. Request
Browse
r
Browse Server
r
Browse
r

79. Request
Browse
r
Browse Server
r
Browse
r

80. Suspend
Browse
r
Browse Server
r
Browse
r

81. Suspend
Browse
r
S
Browse Server
r
Browse
r

82. Suspend
Browse
r
S
Browse Server
r
Browse
r

83. Suspend
Browse
r
S
Browse Server
r
Browse
r

84. Broadcast
Browse
r
B
S
Browse Server
r
Browse
r

85. Broadcast
Browse
r
B
S
Browse Server
r
Browse
r

86. Resume
Browse
r
B
Browse Server
r R
Browse
r

87. Resume
Browse
r
B
Browse Server
S
r
Browse
r

88. Broadcaster
• Default: in-memory
• Cloud
• RedisBroadcaster
• JMSBroadcaster
• XMPPBroadcaster
• HazelcastBroadcaster
• JGroupsBroascaster
• Multi-Threads, Async I/O par
default

89. Broadcaster Cloud
Browse
r S
Server
Browse
r
Browse S Server
r

90. Broadcaster Cloud
Browse
r S
Server
Browse
r
Browse S Server
r

91. Broadcaster Cloud
Browse B
r S
Server
Browse
r
Browse S Server
r

92. Broadcaster Cloud
Browse B
r Server
Browse
r
Browse
r Server

93. Broadcaster Cloud
Browse
r Server
Browse
r
B
Browse
r Server

94. Broadcaster Cloud
Browse
r Server
Browse
r
Browse
r Server

95. Atmosphere API
• WebSocketHandler
• Only WebSocket (WARNING)!
• AtmosphereHandler
• All transport
• Jersey Resource
• All transport
• Meteor
• All transport

96. WebSocket Sub Protocol
• WebSocketProtocol
Define your own websocket protocol
• SimpleHttpProtocol
WebSocket’s message mapped to HTTP
POST, avec read/write asynchrone.
• SwaggerSocket:REST over
WebSockets -> Powerful Protocol

97. Let’s have some fun

98. Single Client to Rule Them All
https://github.com/Atmosphere/atmos
phere/blob/master/samples/chat/src/m
ain/webapp/jquery/application.js#L1

99. WebSocket
https://github.com/Atmosphere/atmos
phere/blob/master/samples/websocke
t-
chat/src/main/java/org/atmosphere/sa
mples/chat/WebSocketChat.java#L33

100. WebSocket, SSE, long-polling
https://github.com/Atmosphere/atmos
phere/blob/master/samples/chat/src/m
ain/java/org/atmosphere/samples/chat
/ChatAtmosphereHandler.java#L33

101. Socket IO
https://github.com/Atmosphere/atmos
phere/blob/master/samples/socketio-
chat/src/main/java/org/atmosphere/sa
mples/chat/SocketIOChatAtmosphere
Handler.java#L34

102. Jersey
https://github.com/Atmosphere/atmos
phere/blob/master/samples/sse-rest-
chat/src/main/java/org/atmosphere/sa
mples/chat/jersey/ResourceChat.java
#L32

103. JAXRS 2
https://github.com/Atmosphere/atmos
phere/blob/master/samples/jaxrs2-
chat/src/main/java/org/atmosphere/sa
mples/chat/jaxrs2/Jaxrs2Chat.java#L3
4

104. SwaggerSocket
• REST over WebSocket
• JSON Based
• Simple
• Works with HTTP
• Multi-Request/Response

105. Conclusion
Join the
Revolution
It’s open source, it’s free to
jumps in!!

106. twitter.com/jfarcand
twitter.com/atmo_framework
twitter.com/swaggersocket
http://github.com/Atmosphere/atmosphere
http://github.com/wordnik/swaggersocket