Building Java HTML5/WebSocket Applications with JSR 356

1

Copyright © 2012, Oracle and/or its affiliates. All rights reserved.

Public

Watch the video with slide
synchronization on InfoQ.com!
http://www.infoq.com/presentations
/asynchronous-event-websocket

InfoQ.com: News & Community Site
• 750,000 unique visitors/month
• Published in 4 languages (English, Chinese, Japanese and Brazilian
Portuguese)
• Post content from our QCon conferences
• News 15-20 / week
• Articles 3-4 / week
• Presentations (videos) 12-15 / week
• Interviews 2-3 / week
• Books 1 / month

Presented at QCon New York
www.qconnewyork.com
Purpose of QCon
- to empower software development by facilitating the spread of
knowledge and innovation
Strategy
- practitioner-driven conference designed for YOU: influencers of
change and innovation in your teams
- speakers and topics driving the evolution and innovation
- connecting and catalyzing the influencers and innovators
Highlights
- attended by more than 12,000 delegates since 2007
- held in 9 cities worldwide

Building Java
HTML5/WebSocket
Applications with JSR 356
Reza Rahman
Java EE/GlassFish Evangelist
Reza.Rahman@Oracle.com
@reza_rahman

Program Agenda

 WebSocket Primer

 JSR 356: Java API for WebSocket
 Demo

3


Public

Interactive Web Sites
 HTTP is half-duplex
 Flavors of Server Push
– Polling
– Long Polling

– Comet/Ajax

 Complex, Inefficient, Wasteful

4


Public

WebSocket to the Rescue
 TCP based, bi-directional, full-duplex messaging
 Originally proposed as part of HTML5
 IETF-defined Protocol: RFC 6455
 W3C defined JavaScript API

5


Public

What’s the basic idea ?
 Establish connection (Single TCP connection)
 Send messages in both direction (Bi-directional)
 Send message independent of each other (Full Duplex)
 End connection

6


Public

Establish a connection

Handshake Request

Client

Server
Handshake Response

7


Public

Handshake Request
GET /chat HTTP/1.1
Host: server.example.com
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==
Origin: http://example.com
Sec-WebSocket-Protocol: chat, superchat
Sec-WebSocket-Version: 13

8


Public

Handshake Response
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=
Sec-WebSocket-Protocol: chat

9


Public

Establishing a Connection

Handshake Request

Client

Server
Handshake Response

Connected !

10


Public

WebSocket Lifecycle
Connected !

open

open

message

Client

message

error
message

Server
message

close

Disconnected

11


Public

WebSocket API
www.w3.org/TR/websockets/

12


Public

Java WebSocket Implementations
Java-WebSocket
Grizzly

WebSocket SDK

Apache Tomcat 7

Webbit

GlassFish

Atmosphere

Autobahn

websockets4j

WeberKnecht

GNU WebSocket4J

Jetty

Netty

JBoss

TorqueBox

Caucho Resin

SwaggerSocket

jWebSocket

13

Kaazing WebSocket Gateway

jWamp


Public

Browser Support

14


Public

JSR 356: Java API for Web Socket
 Specification
– http://jcp.org/en/jsr/detail?id=356
– http://java.net/projects/websocket-spec
– Included in Java EE 7

 Reference Implementation
– http://java.net/projects/tyrus

– Bundled with Glassfish 4

15


Public

Java API for WebSocket Features
 Create WebSocket Endpoints
– Interface-driven (Endpoint)
– Annotation-driven (@ServerEndpoint)

 Client and server APIs
 SPI for extensions and data frames

16


Public

Basic API Tour

17


Public

Hello World Server
public class HelloServer extends Endpoint {
@Override
public void onOpen(Session session,
EndpointConfig configuration) {
session.addMessageHandler(
new MessageHandler.Whole<String>() {
public void onMessage(String name) {
try {
session.getBasicRemote().sendText(“Hello “ + name);
} catch (IOException ioe) {
// Handle failure.
}
}
});
}
}

18


Public

Hello World Client
public class HelloClient extends Endpoint {
@Override
public void onOpen(Session session,
EndpointConfig configuration) {
try {
session.getBasicRemote().sendText("Hello you!");
} catch (IOException ioe) {
. . .
}
}
}

19


Public

Client Server Configuration
ServerContainer serverContainer =
(ServerContainer) servletContext.getAttribute(
“javax.websocket.server.ServerContainer”);
ServerEndpointConfig serverConfiguration =
ServerEndpointConfig.Builder.create(
HelloServer.class, "/hello").build();
serverContainer.addEndpoint(serverConfiguration);
...
URI clientURI = new URI("ws://myserver.com/websockets/hello");
WebSocketContainer container =
ContainerProvider.getWebSocketContainer();
ClientEndpointConfig clientConfiguration =
ClientEndpointConfig.Builder.create().build();
container.connectToServer(HelloClient.class,
clientConfiguration, clientURI);

20


Public

Main API Classes: javax.websocket.*
 Endpoint: Intercepts WebSocket lifecycle events
 MessageHandler: Handles all incoming messages for an Endpoint
 RemoteEndpoint: Represents the ‘other end’ of this conversation
 Session: Represents the active conversation

21


Public

Object Model
Message
Handler

Remote
Endpoint

Message
Handler

Remote
Endpoint

Client

Internet

Session

Message
Handler

Remote
Endpoint

Session

Client

22


Public

WebSocket
Endpoint

Session

Client

Sending the Message
Whole string *

RemoteEndpoint.Basic

sendText(String message)

Binary data *


sendBinary(ByteBuffer message)

String fragments


sendText(String part, boolean last)

Binary data fragments


sendBinary(ByteBuffer part, boolean last)

Blocking stream of text


Writer getSendWriter())

Blocking stream of binary
data

OutputStream getSendStream()

Custom object

sendObject(Object customObject)


* additional flavors: by completion, by future

23


Public

Receiving the Message
Whole string

MessageHandler.Whole<String>

onMessage(String message)

Binary data

MessageHandler.Whole<ByteBuffer>

onMessage(ByteBuffer message)

String fragments

MessageHandler.Partial<String>

onMessage(String part, boolean last)

Binary data fragments

MessageHandler.Partial<ByteBuffer>

onMessage(ByteBuffer part, boolean last)

Blocking stream of text

MessageHandler.Whole<Reader>

onMessage(Reader r)

Blocking stream of
binary data

MessageHandler.Whole<InputSteam> onMessage(InputStream r)

Custom object of type T

MessageHandler.Whole<T>

24


Public

onMessage(T customObject)

POJO + Annotations

25


Public

Hello World Annotations
@ServerEndpoint("/hello")
public class HelloBean {
@OnMessage
public String sayHello(String name) {
return “Hello “ + name;
}
}

26


Public

WebSocket Annotations
Annotation

Level

Purpose

@ServerEndpoint

class

Turns a POJO into a WebSocket Server Endpoint

@ClientEndpoint

class

Turns a POJO into a WebSocket Client Endpoint

@OnOpen

method

Intercepts WebSocket Open events

@OnClose

method

Intercepts WebSocket Close events

@OnMessage

method

Intercepts WebSocket Message events

method
Flags a matched path segment of a URI-template
parameter

@PathParam
@OnError

27


method

Public

Intercepts errors during a conversation

@ServerEndpoint attributes

value

configurator

Custom configuration

decoders

list of message decoder classnames

encoders

list of message encoder classnames

subprotocols

28

Relative URI or URI template
e.g. “/hello” or “/chat/{subscriber-level}”

list of the names of the supported subprotocols


Public

Custom Payloads
@ServerEndpoint(
value="/hello",
encoders={MyMessage.class},
decoders={MyMessage.class}
)
public class MyEndpoint {
. . .
}

29


Public

Custom Payloads – Text
public class MyMessage

implements Decoder.Text<MyMessage>, Encoder.Text<MyMessage> {
private JsonObject jsonObject;
public MyMessage decode(String s) {
jsonObject = new Json.createReader(

new StringReader(s)).readObject();
return this;
}
public boolean willDecode(String string) {
return true; // Only if can process the payload
}
public String encode(MyMessage myMessage) {
return myMessage.jsonObject.toString();
}
}

30


Public

Custom Payloads – Binary
public class MyMessage
implements Decoder.Binary<MyMessage>, Encoder.Binary<MyMessage> {

public MyMessage decode(ByteBuffer bytes) {
. . .
return this;
}
public boolean willDecode(ByteBuffer bytes) {
. . .
return true; // Only if can process the payload
}
public ByteBuffer encode(MyMessage myMessage) {
. . .
}
}

31


Public

Chat Sample
@ServerEndpoint("/chat")
public class ChatBean {
Set<Session> peers = Collections.synchronizedSet(…);
@OnOpen
public void onOpen(Session peer) {
peers.add(peer);
}
@OnClose
public void onClose(Session peer) {
peers.remove(peer);
}
...

32


Public

Chat Sample (Continued)
. . .
@OnMessage
public void message(String message, Session client) {
for (Session peer : peers) {
peer.getRemote().sendObject(message);
}
}
}

33


Public

URI Template Matching
@ServerEndpoint(“/orders/{order-id}”)
public class MyEndpoint {
@OnMessage
public void processOrder(
@PathParam(“order-id”) String orderId) {
...
}
}

34


Public

@OnMessage Methods
 A parameter type that can be decoded in incoming message
– String, primitive, Reader, ByteBuffer, byte[], InputStream, or any type for

which there is a decoder
 An optional Session parameter
 Boolean partial flag
 0..n String parameters annotated with @PathParameter

 A return type that can be encoded in outgoing message
– String, primitive, Reader, ByteBuffer, byte[], InputStream, or any type for

which there is an encoder

35


Public

Java WebSocket Hello World Demo

https://github.com/m-reza-rahman/hello-websocket

36


Public

Try it Out!

http://download.java.net/glassfish/4.0/release/glassfish-4.0.zip

37


Public

Resources
 Specification
– JSR: jcp.org/en/jsr/detail?id=356
– Mailing Lists, JIRA, Archive: java.net/projects/websocket-spec

 Reference Implementation
– Tyrus: java.net/projects/tyrus

38


Public

39


Insert Information Protection Policy Classification from Slide 12

40


Public

Watch the video with slide synchronization on
InfoQ.com!
http://www.infoq.com/presentations/asynchronous
-event-websocket

Building Java HTML5/WebSocket Applications with JSR 356

Recomendados

Recomendados

Más contenido relacionado

Más de C4Media

Más de C4Media (20)

Último

Último (20)

Building Java HTML5/WebSocket Applications with JSR 356