Building WebSocket and Server Side Events Applications using Atmosphere

Building WebSocket and Server Side Events
application using Atmosphere
JeanfrancoisArcand

twitter.com/jfarcand
facebook.com/jeanfrancois.arcand.3

Who I am?
Author of
Author of Grizzly GlassFish Micro
Framework Kernel
Author of AHC
HTTP/WebSocket
library
Author of
Atmosphere
10 years @
Sun
Microsystems

Atmosphere

Apache 2 Github ~900
« followers »
Client +
Supported server
by25
frameworks Scala, Groovy,
JRuby, Java
Depuis
60 000 unique
2008
download per months
1.0.9 /
1.1.beta2

Atmosphere

Apache 2 Github ~900
~1000 followers »
«
followerson Client +
Supported Twitter server
by25
frameworks Scala, Groovy,
~400 users
JRuby, Java
mailing list
Depuis
60 000 unique
2008
download per months
1.0.9 /
1.1.beta2

WebSockets

WebSocket: A Socket, that’s
it!

WebSockets

WebSocket is a web technology
providing 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.

WARNING!!
Nobody is/will/was fired
because of long-polling!!!

Polling Long Polling Streaming
Browser Server Browser Server Browser Server

request request request

empty response event event event
response
event
response part
request
event event
request response
response part
response request
Browser Server

request

WebSocket => event

Response
event

response

WebSockets
HTML5

Bi-directional

WebSockets
HTML5

Bi-directional Proxy/Fire
wall

WebSockets
HTML5

wall

« Less network
overhead »

WebSockets
HTML5

wall

« Less network
overhead »

Faster

WebSockets
HTML5

wall

« Less network
overhead »

Faster
SubProtoc
than Ajax
ol

WebSockets

Real time apps

Presence Collaboratio
n

Notification Anything!

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.

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

Life if good!
T 127.0.0.1:8080 -> 127.0.0.1:51292 [AP]
HTTP/1.1 101 Switching Protocols.
Upgrade: WebSocket.
Sec-WebSocket-Accept:
HVXA7SqH5uYeN6aD9tZ0JQbfTJA=.

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.
.

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

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(…)

Server – No Standard yet

• Node.js
• Pusher
• Jetty
• GlassFish
• Tomcat
• Apache
• NIO Framework like Netty and Grizzly

WebSocket API – Java

Jetty 7, GlassFish 3.1, Netty 3, Tomcat
7.0.27, Resin 4, JBoss 7

JSR 356:
http://jcp.org/en/jsr/detail?id=356

AHC (Client -> De facto)
http://github.com/sonatype/async-http-
client

WebSocket API – Java &Scala

wAsync:
https://github.com/Atmosphere/wasync

SwaggerSocket (REST overWebSocket)
https://github.com/wordnik/swaggersock
et

WARNING!
Y’en aura pas de facile!!!

Before (Long-Polling)

Request

Browse Server
r

Before (Long-Polling)

Request

Browse Server
r
Response

Oups!!

Request

Browse zzzz Server
r

Oups!

Request

Browse Server
r
Zzzz

Better!

Request

Browse Server
r

Cache

Pushing the limits (HTTP Streaming)

Request

Browse Server
r


Request

Browse Server
r
Response


Request

Browse Server
r
Response

Response

Oups!!

Request

Browse Server
r
Response
JS
HELL Response


Request

Browse Server
r
L’enfe
Hack Response
r
Response

Oups!!!

Request

Browse Server
r
Response
Proxy
Response

Better

Request

Browse Server
r
Response Cache

Response

Better

Request

Browse Server
r
Response Cache
« HeartBeat
Response
»

Better: Server Side Events (SSE)

Request

Browse Server
r
Response

Response

Better

Request

Browse Not Supported Server
r by Internet
Response Cache
Explorer
« HeartBeat
Response
»

WebSockets

Hanshake

Browse Server
r

WebSockets

Hanshake

Browse Server
r
OK

WebSockets

Request

Browse Server
r

WebSockets

Browse Server
r
Response

WebSockets

Request

Request
Browse Server
r

WebSockets

Browse Server
r
Response

Response

Anytime

Browse Server
r
Response

Ah la belle vie, la vie, la vie ahah!

Browse Server
r
Response

Oups!!

Browse Server
r Proxy
Response

Better!

Browse Server
r
Response Cache

Better!

Browse Server
r
Response Cache
« HeartBeat
»

Ah la belle vie,
la vie, la vie, ahah

Go!!
Safari Tomcat
7
Firefox Jetty7

Jetty8
Chrome

GlassFis
Opera h3.
GlassFis
IE h
312

Free for all!
Safari Tomcat
7
Firefox Jetty7

Jetty8
Chrome

GlassFis
Opera h3.
GlassFis
IE h
312

Free for all!
Safari Tomcat
7
Firefox Jetty7

HELP Jetty8
Chrome

GlassFis
Opera h3.
GlassFis
IE h
312

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

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

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

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

Safari Tomcat
7
Firefox Jetty7
Atmosphere
Chrome to the Jetty8

rescue!!! GlassFis
Opera h3.
GlassFis
IE h
312

Atmosphere -WebSockets

Safari Tomcat
7
Jetty7

Atmosphere API
Firefox
atmosphere.js
Jetty8
Chrome

GlassFis
Opera h3.
GlassFis
IE h
312

Atmosphere - HTML5 Server Side
Events
Safari Tomcat
7
Jetty7

Atmosphere API
Firefox
atmosphere.js
Servlet
Chrome
3
WebLogi
Opera c
GlassFis
IE h
312

Atmosphere Long-Polling/HTTP
Streaming
Safari JBoss

Jetty7

Atmosphere API
Firefox
atmosphere.js
Servlet
Chrome
3
WebLogi
Opera c.
GlassFis
IE h

Atmosphere

Safari JBoss

Jetty7

Atmosphere API
Firefox
atmosphere.js
One API to
Chrome rule them all Servlet
3
WebLogi
Opera c.
GlassFis
IE h

Socket.IO, GWT, Wicket, JSF, etc.

Safari JBoss

Jetty7

Atmosphere API
Firefox
Socket.IO
Servlet
Chrome
3
WebLogi
Opera c.
GlassFis
IE h

PORTABLE!!!!!

Safari JBoss

Jetty7

Atmosphere API
Firefox
Socket.IO
PORTABLE Servlet
Chrome
3
WebLogi
Opera c.
GlassFis
IE h

Big Mistake!!!!!

• Thereare still a lot of
dinosaur in the wilderness!

Deploy in
Production
impossible

AtmosphereHandler
public interface AtmosphereHandler {

void onRequest(AtmosphereResource resource)
throws IOException;

void onStateChange(AtmosphereResourceEvent
event) throws IOException;

void destroy();
}

AtmosphereHandler
public class ChatAtmosphereHandler implements AtmosphereHandler {

@Override
public void onRequest(AtmosphereResource r) throws IOException {
AtmosphereRequest req = r.getRequest();
if (req.getMethod().equalsIgnoreCase("GET")) {
r.suspend();
} else if (req.getMethod().equalsIgnoreCase("POST")) {

r.getBroadcaster().broadcast(req.getReader().readLine().trim());
}
}

AtmosphereHandler

public void onStateChange(AtmosphereResourceEvent event) throws IOException {

….

if (event.isSuspended()) {

…

res.getWriter().write(new Data(author, message).toString());

switch (r.transport()) {

case JSONP:

case AJAX:

case LONG_POLLING:

event.getResource().resume();

break;

case WEBSOCKET :

case STREAMING:

res.getWriter().flush();

break;

}

} else if (!event.isResuming()){

event.broadcaster().broadcast(new Data("Someone", "say bye bye!").toString());

}

}

OnMessage
@AtmosphereHandlerService(

path="/chat",

interceptors = {AtmosphereResourceLifecycleInterceptor.class,

BroadcastOnPostAtmosphereInterceptor.class})

public class ChatRoom extends OnMessage<String>{

private final ObjectMapper mapper = new ObjectMapper();

@Override

public void onMessage(AtmosphereResponse response, String message) {

response.getWriter()

.write(mapper.writeValueAsString(

mapper.readValue(message, Data.class)));

}

}

@Managed
@ManagedAtmosphereHandlerService (path = "/chat")
public class ChatAtmosphereHandler {
private final ObjectMapper mapper =
new ObjectMapper();
@Message
public void onMessage(AtmosphereResponse response,
String message) throws IOException {
response.getWriter().write(
mapper.writeValueAsString(
mapper.readValue(message,
Data.class)));
}

@Managed are..
@AtmosphereHandlerService(

path = "/chat",
broadcasterCache =
HeaderBroadcasterCache.class,
interceptors = {
AtmosphereResourceLifecycleInterceptor.class,
BroadcastOnPostAtmosphereInterceptor.class,
TrackMessageSizeInterceptor.class,
HeartbeatInterceptor.class})

Jersey
@Path("/")

public class ChatResource {

@Suspend(contentType = "application/json")

@GET

public String suspend() {

return "";

}

@Broadcast(writeEntity = false)

@POST

@Produces("application/json")

public Response broadcast(Message message) {

return new Response(message.author, message.message);

}

}

Client
var socket = $.atmosphere;

var subSocket;

var transport = 'websocket';

var request = { url: document.location.toString() + 'chat',

contentType : "application/json",

logLevel : 'debug',

shared : true,

transport : transport ,

trackMessageLength : true,

fallbackTransport: 'long-polling'};

Client
request.onOpen = function(response) {

};

request.onTransportFailure = function(errorMsg, request) {

};

request.onReconnect = function (request, response) {

};

request.onMessage = function (response) {

};

request.onClose = function(response) {

}

request.onError = function(response) {

};

subSocket = socket.subscribe(request);

Client

subSocket.push(….);

Broadcaster

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

Atmosphere Components

• WebSocketHandler
• Only WebSocket (WARNING)!
• AtmosphereHandler
• All transports
• Jersey Resource
• All transports
• Meteor
• All transports

WebSocket Sub Protocol

• WebSocketProtocol
Define your own protocol on top of
WebSocket

• Default:
WebSocket message => POST
• SwaggerSocket:REST over
WebSockets -> More information

PLEASE HELP
http://github.com/Atmosphere/atmosp
here

twitter.com/jfarcand
twitter.com/atmo_framework
twitter.com/swaggersocket

http://github.com/Atmosphere/

http://github.com/wordnik/swaggersocket

Building WebSocket and Server Side Events Applications using Atmosphere

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Building WebSocket and Server Side Events Applications using Atmosphere

Similar a Building WebSocket and Server Side Events Applications using Atmosphere (20)

Último

Último (20)

Building WebSocket and Server Side Events Applications using Atmosphere