org.eclipse.jetty.websocket:websocket-client<\/li>\n<\/ul>\nThe version we have used in this example is 9.2.11.v20150529.<\/i><\/p>\n
In this example, we have added all of these dependencies to our pom.xml. Depending on the approach you choose, you can remove the unnecessary ones based on your your need.<\/p>\n
<dependencies>\n\t\t<!--Jetty dependencies start here -->\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty<\/groupId>\n\t\t\t<artifactId>jetty-server<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty<\/groupId>\n\t\t\t<artifactId>jetty-servlet<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\t\t<!--Jetty dependencies end here -->\n\n\t\t<!--Jetty Websocket server side dependencies start here -->\n\n\n\n\t\t<!--Jetty JSR-356 Websocket server side dependency -->\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty.websocket<\/groupId>\n\t\t\t<artifactId>javax-websocket-server-impl<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\n\t\t<!--Jetty Websocket API server side dependency -->\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty.websocket<\/groupId>\n\t\t\t<artifactId>websocket-server<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\n\n\t\t<!--Jetty Websocket server dependencies end here -->\n\t\t\n\t\t<!--Jetty Websocket client side dependencies start here -->\n\n\t\t\n\n\t\t<!--JSR-356 Websocket client side depencency -->\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty.websocket<\/groupId>\n\t\t\t<artifactId>javax-websocket-client-impl<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\t\t\n\t\t<!--Jetty Websocket API client side dependency -->\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty.websocket<\/groupId>\n\t\t\t<artifactId>websocket-client<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\t\t<!--Jetty Websocket client side dependencies end here -->\n\n\t<\/dependencies>\n<\/pre>\nIn order to test our WebSocket server, we use the Maven Jetty plugin. This plugin also has to be added to our pom.xml.<\/p>\n
<build>\n\t\t<plugins>\n\t\t\t<plugin>\n\t\t\t\t<groupId>org.eclipse.jetty<\/groupId>\n\t\t\t\t<artifactId>jetty-maven-plugin<\/artifactId>\n\t\t\t\t<version>${jetty.version}<\/version>\n\t\t\t<\/plugin>\n\t\t<\/plugins>\n\n\n\t<\/build>\n<\/pre>\nFinally our pom.xml looks like:<\/p>\n
pom.xml<\/em><\/span><\/p>\n<project xmlns=\"http:\/\/maven.apache.org\/POM\/4.0.0\" xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\n\txsi:schemaLocation=\"http:\/\/maven.apache.org\/POM\/4.0.0 http:\/\/maven.apache.org\/xsd\/maven-4.0.0.xsd\">\n\t<modelVersion>4.0.0<\/modelVersion>\n\t<groupId>com.javacodegeeks.snippets.enterprise<\/groupId>\n\t<artifactId>jetty-websocket-example<\/artifactId>\n\t<version>0.0.1-SNAPSHOT<\/version>\n\t<packaging>war<\/packaging>\n\t<properties>\n\t\t<jetty.version>9.2.11.v20150529<\/jetty.version>\n\t<\/properties>\n\n\t<build>\n\t\t<plugins>\n\t\t\t<plugin>\n\t\t\t\t<groupId>org.eclipse.jetty<\/groupId>\n\t\t\t\t<artifactId>jetty-maven-plugin<\/artifactId>\n\t\t\t\t<version>${jetty.version}<\/version>\n\t\t\t<\/plugin>\n\t\t<\/plugins>\n\n\n\t<\/build>\n\n\t<dependencies>\n\t\t<!--Jetty dependencies start here -->\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty<\/groupId>\n\t\t\t<artifactId>jetty-server<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty<\/groupId>\n\t\t\t<artifactId>jetty-servlet<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\t\t<!--Jetty dependencies end here -->\n\n\t\t<!--Jetty Websocket server side dependencies start here -->\n\n\n\n\t\t<!--Jetty JSR-356 Websocket server side dependency -->\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty.websocket<\/groupId>\n\t\t\t<artifactId>javax-websocket-server-impl<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\n\t\t<!--Jetty Websocket API server side dependency -->\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty.websocket<\/groupId>\n\t\t\t<artifactId>websocket-server<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\n\n\t\t<!--Jetty Websocket server dependencies end here -->\n\t\t\n\t\t<!--Jetty Websocket client side dependencies start here -->\n\n\t\t\n\n\t\t<!--JSR-356 Websocket client side depencency -->\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty.websocket<\/groupId>\n\t\t\t<artifactId>javax-websocket-client-impl<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\t\t\n\t\t<!--Jetty Websocket API client side dependency -->\n\t\t<dependency>\n\t\t\t<groupId>org.eclipse.jetty.websocket<\/groupId>\n\t\t\t<artifactId>websocket-client<\/artifactId>\n\t\t\t<version>${jetty.version}<\/version>\n\t\t<\/dependency>\n\t\t<!--Jetty Websocket client side dependencies end here -->\n\n\t<\/dependencies>\n<\/project>\n<\/pre>\n4.4 JSR-356 based WebSocket Server Example<\/h3>\n After configuring the pom.xml, you can follow the steps below<\/p>\n
\nCreate a POJO class.<\/li>\n Annotate this class with @ServerEndpoint annotation and specify the endpoint value<\/li>\n Implement the methods that handle the OnOpen, OnClose, OnMessage and OnError events.<\/li>\n Annotate these methods with relevant annotations<\/li>\n<\/ol>\nIn the example, we will implement a simple WebSocket server that receives a text message , converts it to uppercase and sends it back to the client.<\/p>\n
Here we create the class ToUpper356Socket and annotate:<\/p>\n
@ServerEndpoint(\"\/jsr356toUpper\")\npublic class ToUpper356Socket {\n\u2026\n}\n<\/pre>\nThen we implement OnOpen, OnClose, OnMessage methods. We do not have to implement methods for every annotation; so OnError is omitted here.
ToUpper356Socket.java<\/em><\/span><\/p>\n \npackage com.javacodegeeks.snippets.enterprise.jettywebsocket.jsr356.server;\n\nimport java.io.IOException;\n\nimport javax.websocket.CloseReason;\nimport javax.websocket.OnClose;\nimport javax.websocket.OnMessage;\nimport javax.websocket.OnOpen;\nimport javax.websocket.Session;\nimport javax.websocket.server.ServerEndpoint;\n\n@ServerEndpoint(\"\/jsr356toUpper\")\npublic class ToUpper356Socket {\n\n\t@OnOpen\n\tpublic void onOpen(Session session) {\n\t\tSystem.out.println(\"WebSocket opened: \" + session.getId());\n\t}\n\t@OnMessage\n\tpublic void onMessage(String txt, Session session) throws IOException {\n\t\tSystem.out.println(\"Message received: \" + txt);\n\t\tsession.getBasicRemote().sendText(txt.toUpperCase());\n\t}\n\n\t@OnClose\n\tpublic void onClose(CloseReason reason, Session session) {\n\t\tSystem.out.println(\"Closing a WebSocket due to \" + reason.getReasonPhrase());\n\n\t}\n}\n\n<\/pre>\njavax.websocket.Session<\/em> is an important class that encapsulates WebSocket connection information. We can access client information, connection status etc. through the instances of this Session<\/em> class.<\/p>\nIn order to send messages to the remote party, we use the session object again.<\/p>\n
session.getBasicRemote().sendText(\u201cecho\u201d);\n<\/pre>\nsendText() is a method to send simple text messages to the client. There are also other methods to pass byte arrays or JSON objects to the remote party.<\/p>\n
When we are done with coding the WebSocket<\/em> server, we can run it via Jetty maven plugin with the following command:<\/p>\n mvn jetty:run<\/pre>\nOnce Jetty is up, our websocket starts to listen connections on:<\/p>\n
ws:\/\/localhost:8080\/jsr356toUpper<\/p>\n
4.5 JSR-356 based WebSocket Client Example<\/h3>\n Now we are going to implement the WebSocket client code. Creating a client WebSocket with JSR-356 API is similar to the creating the server side socket:<\/p>\n
\nCreate a POJO class.<\/li>\n Annotate this class with @ClientEndpoint <\/em>annotation.<\/li>\nImplement the methods that handle the OnOpen, OnClose, OnMessage and OnError events.<\/li>\n Annotate these methods with relevant annotations.<\/li>\n<\/ol>\nThe Session object and message sending is the same as the Server side socket. You can see an example code below:<\/p>\n
ToUpper356ClientSocket.java<\/em><\/span><\/p>\n \npackage com.javacodegeeks.snippets.enterprise.jettywebsocket.jsr356.client;\n\nimport java.io.IOException;\nimport java.util.concurrent.CountDownLatch;\n\nimport javax.websocket.ClientEndpoint;\nimport javax.websocket.CloseReason;\nimport javax.websocket.OnClose;\nimport javax.websocket.OnMessage;\nimport javax.websocket.OnOpen;\nimport javax.websocket.Session;\n\n@ClientEndpoint\npublic class ToUpper356ClientSocket {\n\n\tCountDownLatch latch = new CountDownLatch(1);\n\tprivate Session session;\n\n\t@OnOpen\n\tpublic void onOpen(Session session) {\n\t\tSystem.out.println(\"Connected to server\");\n\t\tthis.session = session;\n\t\tlatch.countDown();\n\t}\n\n\t@OnMessage\n\tpublic void onText(String message, Session session) {\n\t\tSystem.out.println(\"Message received from server:\" + message);\n\t}\n\n\t@OnClose\n\tpublic void onClose(CloseReason reason, Session session) {\n\t\tSystem.out.println(\"Closing a WebSocket due to \" + reason.getReasonPhrase());\n\t}\n\n\tpublic CountDownLatch getLatch() {\n\t\treturn latch;\n\t}\n\n\tpublic void sendMessage(String str) {\n\t\ttry {\n\t\t\tsession.getBasicRemote().sendText(str);\n\t\t} catch (IOException e) {\n\n\t\t\te.printStackTrace();\n\t\t}\n\t}\n}\n\n<\/pre>\nYou might have noticed that there is a CountDownLatch that is counted down when the connection is open. This latch is only for convenience in order to block other part of the client code before the connection is open. In addition to this, we added a public void sendMessage()<\/em> method to send messages to the server.[ulp id=’xFHGZUmgemwCMrAR’]<\/p>\nUntil now, we have created the WebSocket<\/em>; the missing part is the code driving the client and initiating the contact. The snippet to initiate the connection can be seen below:<\/p>\n \n...\nString dest = \"ws:\/\/localhost:8080\/jsr356toUpper\";\nToUpper356ClientSocket socket = new ToUpper356ClientSocket();\nWebSocketContainer container = ContainerProvider.getWebSocketContainer();\ncontainer.connectToServer(socket, new URI(dest));\n...\n<\/pre>\nIn order to keep things simple in scope of this example, we created a simple main class to drive this client WebSocket.<\/p>\n
WebSocket356ClientMain.java<\/em><\/span><\/p>\npackage com.javacodegeeks.snippets.enterprise.jettywebsocket.jsr356.client;\n\nimport java.net.URI;\n\nimport javax.websocket.ContainerProvider;\nimport javax.websocket.WebSocketContainer;\n\nimport org.eclipse.jetty.websocket.client.ClientUpgradeRequest;\n\npublic class WebSocket356ClientMain {\n\n\tpublic static void main(String[] args) {\n\t\n\t\ttry {\n\n\t\t\tString dest = \"ws:\/\/localhost:8080\/jsr356toUpper\";\n\t\t\tToUpper356ClientSocket socket = new ToUpper356ClientSocket();\n\t\t\tWebSocketContainer container = ContainerProvider.getWebSocketContainer();\n\t\t\tcontainer.connectToServer(socket, new URI(dest));\n\n\t\t\tsocket.getLatch().await();\n\t\t\tsocket.sendMessage(\"echo356\");\n\t\t\tsocket.sendMessage(\"test356\");\n\t\t\tThread.sleep(10000l);\n\n\t\t} catch (Throwable t) {\n\t\t\tt.printStackTrace();\n\t\t}\n\t}\n}\n<\/pre>\nHere we have established the connection and waited until the connection is set up. Then we have sent two messages and terminated.<\/p>\n
The console output is below:<\/p>\n
Connected to server\nMessage received from server:ECHO356\nMessage received from server:TEST356\nClosing a WebSocket due to Shutdown\n<\/pre>\nOn the server side, we observe the following output:<\/p>\n
WebSocket opened: websocket-1\nMessage received: echo356\nMessage received: test356\nClosing a WebSocket due to Shutdown\n<\/pre>\n <\/p>\n
4.6 Jetty WebSocket Server Example<\/h3>\n Programming a WebSocket server with the Jetty API is not much different:<\/p>\n
\nCreate a POJO class.<\/li>\n Annotate this class with @WebSocket annotation.<\/li>\n Implement the methods that handle the OnWebSocketConnect, OnWebSocketClose, OnWebSocketMessage and OnWebSocketError events.<\/li>\n Annotate these methods with relevant annotations<\/li>\n<\/ol>\nNow we will implement the same WebSocket that converts client messages to upper case.<\/p>\n
Our POJO initially looks like:<\/p>\n
@WebSocket\npublic class ToUpperWebSocket {\n}\n<\/pre>\nAfter the methods and annotations are added, it becomes:<\/p>\n
ToUpperWebSocket.java<\/em><\/span><\/p>\npackage com.javacodegeeks.snippets.enterprise.jettywebsocket.jetty.server;\n\nimport java.io.IOException;\n\nimport org.eclipse.jetty.websocket.api.Session;\nimport org.eclipse.jetty.websocket.api.annotations.OnWebSocketClose;\nimport org.eclipse.jetty.websocket.api.annotations.OnWebSocketConnect;\nimport org.eclipse.jetty.websocket.api.annotations.OnWebSocketMessage;\nimport org.eclipse.jetty.websocket.api.annotations.WebSocket;\n\n@WebSocket\npublic class ToUpperWebSocket {\n\n\t@OnWebSocketMessage\n\tpublic void onText(Session session, String message) throws IOException {\n\t\tSystem.out.println(\"Message received:\" + message);\n\t\tif (session.isOpen()) {\n\t\t\tString response = message.toUpperCase();\n\t\t\tsession.getRemote().sendString(response);\n\t\t}\n\t}\n\n\t@OnWebSocketConnect\n\tpublic void onConnect(Session session) throws IOException {\n\t\tSystem.out.println(session.getRemoteAddress().getHostString() + \" connected!\");\n\t}\n\n\t@OnWebSocketClose\n\tpublic void onClose(Session session, int status, String reason) {\n\t\tSystem.out.println(session.getRemoteAddress().getHostString() + \" closed!\");\n\t}\n\n}\n<\/pre>\nHere the session object is of type org.eclipse.jetty.websocket.api.Session<\/em> and sending messages to the client is performed with following method call:<\/p>\nsession.getRemote().sendString(\"echo!\");\n<\/pre>\nAs you see, there is not much difference between JSR-356 API and Jetty\u2019s up-to here except we did not configure the URL path in the WebSocket class. Now we will configure it via a Servlet.<\/p>\n
The main difference of Jetty WebSocket API is that we have to implement a Servlet extending WebSocketServlet class. In this servlet, we define the URL pattern to be matched and we configure WebSocket class handling the requests to this URL. A minimal servlet implementation is here:<\/p>\n
ToUpperWebSocketServlet.java<\/em><\/span><\/p>\npackage com.javacodegeeks.snippets.enterprise.jettywebsocket.jetty.server;\n\nimport javax.servlet.annotation.WebServlet;\n\nimport org.eclipse.jetty.websocket.servlet.WebSocketServlet;\nimport org.eclipse.jetty.websocket.servlet.WebSocketServletFactory;\n\n@WebServlet(urlPatterns=\"\/toUpper\")\npublic class ToUpperWebSocketServlet extends WebSocketServlet{\n\n\t@Override\n\tpublic void configure(WebSocketServletFactory factory) {\n\t\t\n\t factory.register(ToUpperWebSocket.class);\n\t\t\n\t}\n\n}\n<\/pre>\nIn this servlet, we define the URL path for the server and register our ToUpperWebSocket<\/em> for this Servlet.<\/p>\nOnce we implement the servlet, we can run mvn jetty:run<\/em> again.<\/p>\nNow we can access our socket on:<\/p>\n
ws:\/\/localhost:8080\/toUpper<\/p>\n
4.7 Jetty WebSocket Client Example<\/h3>\n Here we are going to implement the WebSocket client code with the Jetty API. Steps are below:<\/p>\n
\nCreate a POJO class.<\/li>\n Annotate this class with @WebSocket annotation.<\/li>\n Implement the methods that handle the OnWebSocketConnect, OnWebSocketClose, OnWebSocketMessage and OnWebSocketError events.<\/li>\n Annotate these methods with relevant annotations<\/li>\n<\/ol>\nThe Session object and message sending is the same as the Server side socket. You can see an example client side WebSocket code below:ToUpperClientSocket.java<\/em><\/span><\/p>\npackage com.javacodegeeks.snippets.enterprise.jettywebsocket.jetty.client;\n\nimport java.io.IOException;\nimport java.util.concurrent.CountDownLatch;\n\nimport org.eclipse.jetty.websocket.api.Session;\nimport org.eclipse.jetty.websocket.api.annotations.OnWebSocketConnect;\nimport org.eclipse.jetty.websocket.api.annotations.OnWebSocketMessage;\nimport org.eclipse.jetty.websocket.api.annotations.WebSocket;\n\n@WebSocket\npublic class ToUpperClientSocket {\n\n\tprivate Session session;\n\t\n\tCountDownLatch latch= new CountDownLatch(1);\n\n\t@OnWebSocketMessage\n\tpublic void onText(Session session, String message) throws IOException {\n\t\tSystem.out.println(\"Message received from server:\" + message);\n\t}\n\n\t@OnWebSocketConnect\n\tpublic void onConnect(Session session) {\n\t\tSystem.out.println(\"Connected to server\");\n\t\tthis.session=session;\n\t\tlatch.countDown();\n\t}\n\t\n\tpublic void sendMessage(String str) {\n\t\ttry {\n\t\t\tsession.getRemote().sendString(str);\n\t\t} catch (IOException e) {\n\t\t\t\/\/ TODO Auto-generated catch block\n\t\t\te.printStackTrace();\n\t\t}\n\t}\n\t\n\tpublic CountDownLatch getLatch() {\n\t\treturn latch;\n\t}\n\n}\n\n<\/pre>\nAgain we have a CountDownLatch as in the JSR-356 client socket for sycnhronization purposes.<\/p>\n
The code that starts connection for the client is below:<\/p>\n
...\nString dest = \"ws:\/\/localhost:8080\/jsr356toUpper\";\nWebSocketClient client = new WebSocketClient();\nToUpperClientSocket socket = new ToUpperClientSocket();\nclient.start();\n...\n<\/pre>\nA simple main class establishing a connection with this server socket is below:<\/p>\n
WebSocketClientMain.java<\/em><\/span><\/p>\npackage com.javacodegeeks.snippets.enterprise.jettywebsocket.jetty.client;\n\nimport java.net.URI;\n\nimport org.eclipse.jetty.websocket.client.ClientUpgradeRequest;\nimport org.eclipse.jetty.websocket.client.WebSocketClient;\n\npublic class WebSocketClientMain {\n\n\tpublic static void main(String[] args) {\n\t\tString dest = \"ws:\/\/localhost:8080\/jsr356toUpper\";\n\t\tWebSocketClient client = new WebSocketClient();\n\t\ttry {\n\t\t\t\n\t\t\tToUpperClientSocket socket = new ToUpperClientSocket();\n\t\t\tclient.start();\n\t\t\tURI echoUri = new URI(dest);\n\t\t\tClientUpgradeRequest request = new ClientUpgradeRequest();\n\t\t\tclient.connect(socket, echoUri, request);\n\t\t\tsocket.getLatch().await();\n\t\t\tsocket.sendMessage(\"echo\");\n\t\t\tsocket.sendMessage(\"test\");\n\t\t\tThread.sleep(10000l);\n\n\t\t} catch (Throwable t) {\n\t\t\tt.printStackTrace();\n\t\t} finally {\n\t\t\ttry {\n\t\t\t\tclient.stop();\n\t\t\t} catch (Exception e) {\n\t\t\t\te.printStackTrace();\n\t\t\t}\n\t\t}\n\t}\n}\n\n<\/pre>\nThe console output is below:<\/p>\n
Connected to server\nMessage received from server:ECHO\nMessage received from server:TEST\n<\/pre>\n4.8 HTML Client Example<\/h3>\n Java based client for a WebSocket is convenient for some cases but the core use of WebSockets is ability to push data from servers to browsers. In this part, we will create a simple HTML page connecting to the WebSocket server in order to demonstrate browser to server integration.<\/p>\n
This example page has three functionalities:<\/p>\n
\nUser shall connect to the server.<\/li>\n User shall send messages to the server.<\/li>\n User shall see the received messages on the server.<\/li>\n<\/ol>\nOn this purpose, there are two buttons on the page. One is to CONNECT, one is to SEND messages. In addition to these, there is a text input area and an output div in the HTML page.<\/p>\n
When the user clicks the CONNECT button, following JavaScript code executes connecting to the server.<\/p>\n
The connection code is as follows:<\/p>\n
function connect() {\n\t\t\/\/ open the connection if one does not exist\n\t\tif (webSocket !== undefined\n\t\t\t\t&& webSocket.readyState !== WebSocket.CLOSED) {\n\t\t\treturn;\n\t\t}\n\t\t\/\/ Create a websocket\n\t\twebSocket = new WebSocket(\"ws:\/\/localhost:8080\/toUpper\");\n\n\t\twebSocket.onopen = function(event) {\n\t\t\tupdateOutput(\"Connected!\");\n\t\t\tconnectBtn.disabled = true;\n\t\t\tsendBtn.disabled = false;\n\n\t\t};\n\n\t\twebSocket.onmessage = function(event) {\n\t\t\tupdateOutput(event.data);\n\t\t};\n\n\t\twebSocket.onclose = function(event) {\n\t\t\tupdateOutput(\"Connection Closed\");\n\t\t\tconnectBtn.disabled = false;\n\t\t\tsendBtn.disabled = true;\n\t\t};\n\t}\n<\/pre>\nAfter successful connection, onopen<\/em> function of the WebSocket is called. In the example, it is implemented to update the output panel.<\/p>\nEverytime a message is received, the output is updated with the message. This is defined implementing the onmessage<\/em> function of the of the websocket object.<\/p>\nWhen the connection is terminated for any reason, the output is updated again. This behavior is realized implementing the onclose<\/em> function of the websocket.<\/p>\nWhen the user types something in the input text and presses the SEND button, the input text is sent to the server via the WebSocket. The snippet on this purpose is as below:<\/p>\n
function send() {\n\t\tvar text = document.getElementById(\"input\").value;\n\t\twebSocket.send(text);\n\t}\n<\/pre>\n <\/p>\n
As you see, unlike HTTP the type of interaction with WebSockets is duplex; we can simultaneously send and receive data. In HTTP, we would have to initiate an HTTP request and wait for the response to receive data from the server.<\/p>\n
The full code of the HTML page is below:<\/p>\n
<html>\n<body>\n\t<div>\n\t\t<input type=\"text\" id=\"input\" \/>\n\t<\/div>\n\t<div>\n\t\t<input type=\"button\" id=\"connectBtn\" value=\"CONNECT\"\n\t\t\tonclick=\"connect()\" \/> <input type=\"button\" id=\"sendBtn\"\n\t\t\tvalue=\"SEND\" onclick=\"send()\" disabled=\"true\" \/>\n\t<\/div>\n\t<div id=\"output\">\n\t\t<p>Output<\/p>\n\t<\/div>\n<\/body>\n\n<script type=\"text\/javascript\">\n\tvar webSocket;\n\tvar output = document.getElementById(\"output\");\n\tvar connectBtn = document.getElementById(\"connectBtn\");\n\tvar sendBtn = document.getElementById(\"sendBtn\");\n\n\tfunction connect() {\n\t\t\/\/ open the connection if one does not exist\n\t\tif (webSocket !== undefined\n\t\t\t\t&& webSocket.readyState !== WebSocket.CLOSED) {\n\t\t\treturn;\n\t\t}\n\t\t\/\/ Create a websocket\n\t\twebSocket = new WebSocket(\"ws:\/\/localhost:8080\/toUpper\");\n\n\t\twebSocket.onopen = function(event) {\n\t\t\tupdateOutput(\"Connected!\");\n\t\t\tconnectBtn.disabled = true;\n\t\t\tsendBtn.disabled = false;\n\n\t\t};\n\n\t\twebSocket.onmessage = function(event) {\n\t\t\tupdateOutput(event.data);\n\t\t};\n\n\t\twebSocket.onclose = function(event) {\n\t\t\tupdateOutput(\"Connection Closed\");\n\t\t\tconnectBtn.disabled = false;\n\t\t\tsendBtn.disabled = true;\n\t\t};\n\t}\n\n\tfunction send() {\n\t\tvar text = document.getElementById(\"input\").value;\n\t\twebSocket.send(text);\n\t}\n\n\tfunction closeSocket() {\n\t\twebSocket.close();\n\t}\n\n\tfunction updateOutput(text) {\n\t\toutput.innerHTML += \"<br\/>\" + text;\n\t}\n<\/script>\n<\/html>\n\n<\/pre>\nYou can see a screenshot from the web client here:<\/p>\n
Web Client GUI<\/figcaption><\/figure><\/p>\nPlease note that the HTML +JavaScript code are for simple demonstration purpose only. There are many better development practices and libraries for front-end development.<\/p>\n
5.Conclusion<\/h2>\n WebSocket is a technology tackling the shortcomings of the HTTP for bidirectional duplex communication. It is a trending topic that is becoming more widespread. In this post, we have strived to provide brief information on WebSockets and we have provided example Server and Client side implementations of WebSockets using WebSocket API of Jetty.<\/p>\n
Download<\/strong>JettyWebSocketExample<\/strong> <\/a><\/div>\n","protected":false},"excerpt":{"rendered":"1.Introduction This article is about WebSockets with Jetty. In this example we will give brief information on WebSockets and show how to implement WebSocket Servers and Clients using Jetty WebSocket APIs. In addition to these, an example HTML+JavaScript client interacting with the Server through WebSockets will be provided. 2.WebSockets WebSocket is a standard protocol facilitating …<\/p>\n","protected":false},"author":54,"featured_media":1239,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[971],"class_list":["post-24283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jetty","tag-websocket"],"yoast_head":"\n
Jetty WebSocket Example - Java Code Geeks<\/title>\n<meta name=\"description\" content=\"1.Introduction This article is about WebSockets with Jetty. In this example we will give brief information on WebSockets and show how to implement\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jetty WebSocket Example - Java Code Geeks\" \/>\n<meta property=\"og:description\" content=\"1.Introduction This article is about WebSockets with Jetty. In this example we will give brief information on WebSockets and show how to implement\" \/>\n<meta property=\"og:url\" content=\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/\" \/>\n<meta property=\"og:site_name\" content=\"Examples Java Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/javacodegeeks\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-15T08:00:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-10T10:15:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/codehaus-jetty-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ibrahim Tasyurt\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@itasyurt\" \/>\n<meta name=\"twitter:site\" content=\"@javacodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ibrahim Tasyurt\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"24 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/\"},\"author\":{\"name\":\"Ibrahim Tasyurt\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/b2b2c4a3762c4d2e0072b831fb6900f5\"},\"headline\":\"Jetty WebSocket Example\",\"datePublished\":\"2015-06-15T08:00:30+00:00\",\"dateModified\":\"2019-04-10T10:15:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/\"},\"wordCount\":2990,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/codehaus-jetty-logo.jpg\",\"keywords\":[\"websocket\"],\"articleSection\":[\"jetty\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/\",\"url\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/\",\"name\":\"Jetty WebSocket Example - Java Code Geeks\",\"isPartOf\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/codehaus-jetty-logo.jpg\",\"datePublished\":\"2015-06-15T08:00:30+00:00\",\"dateModified\":\"2019-04-10T10:15:02+00:00\",\"description\":\"1.Introduction This article is about WebSockets with Jetty. In this example we will give brief information on WebSockets and show how to implement\",\"breadcrumb\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#primaryimage\",\"url\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/codehaus-jetty-logo.jpg\",\"contentUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/codehaus-jetty-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/examples.javacodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Java Development\",\"item\":\"https:\/\/examples.javacodegeeks.com\/category\/java-development\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Enterprise Java\",\"item\":\"https:\/\/examples.javacodegeeks.com\/category\/java-development\/enterprise-java\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"jetty\",\"item\":\"https:\/\/examples.javacodegeeks.com\/category\/java-development\/enterprise-java\/jetty\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Jetty WebSocket Example\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#website\",\"url\":\"https:\/\/examples.javacodegeeks.com\/\",\"name\":\"Java Code Geeks\",\"description\":\"Java Examples and Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#organization\"},\"alternateName\":\"JCG\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/examples.javacodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/examples.javacodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/javacodegeeks\",\"https:\/\/x.com\/javacodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/b2b2c4a3762c4d2e0072b831fb6900f5\",\"name\":\"Ibrahim Tasyurt\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/06\/Ibrahim-Tasyurt-96x96.jpg\",\"contentUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/06\/Ibrahim-Tasyurt-96x96.jpg\",\"caption\":\"Ibrahim Tasyurt\"},\"description\":\"Ibrahim is a Senior Software Engineer residing in Ankara,Turkey. He holds BSc and MS degrees in Computer Engineering from Middle East Technical University(METU). Throughout his professional carrier, he has worked in Enterprise Web Application projects for public sector and telecommunications domains. Java EE, Web Services and Enterprise Application Integration are the areas he is primarily involved with.\",\"sameAs\":[\"http:\/\/www.javacodegeeks.com\/\",\"https:\/\/x.com\/itasyurt\"],\"url\":\"https:\/\/examples.javacodegeeks.com\/author\/ibrahim-tasyurt\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jetty WebSocket Example - Java Code Geeks","description":"1.Introduction This article is about WebSockets with Jetty. In this example we will give brief information on WebSockets and show how to implement","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/","og_locale":"en_US","og_type":"article","og_title":"Jetty WebSocket Example - Java Code Geeks","og_description":"1.Introduction This article is about WebSockets with Jetty. In this example we will give brief information on WebSockets and show how to implement","og_url":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/","og_site_name":"Examples Java Code Geeks","article_publisher":"https:\/\/www.facebook.com\/javacodegeeks","article_published_time":"2015-06-15T08:00:30+00:00","article_modified_time":"2019-04-10T10:15:02+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/codehaus-jetty-logo.jpg","type":"image\/jpeg"}],"author":"Ibrahim Tasyurt","twitter_card":"summary_large_image","twitter_creator":"@itasyurt","twitter_site":"@javacodegeeks","twitter_misc":{"Written by":"Ibrahim Tasyurt","Est. reading time":"24 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#article","isPartOf":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/"},"author":{"name":"Ibrahim Tasyurt","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/b2b2c4a3762c4d2e0072b831fb6900f5"},"headline":"Jetty WebSocket Example","datePublished":"2015-06-15T08:00:30+00:00","dateModified":"2019-04-10T10:15:02+00:00","mainEntityOfPage":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/"},"wordCount":2990,"commentCount":7,"publisher":{"@id":"https:\/\/examples.javacodegeeks.com\/#organization"},"image":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#primaryimage"},"thumbnailUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/codehaus-jetty-logo.jpg","keywords":["websocket"],"articleSection":["jetty"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/","url":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/","name":"Jetty WebSocket Example - Java Code Geeks","isPartOf":{"@id":"https:\/\/examples.javacodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#primaryimage"},"image":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#primaryimage"},"thumbnailUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/codehaus-jetty-logo.jpg","datePublished":"2015-06-15T08:00:30+00:00","dateModified":"2019-04-10T10:15:02+00:00","description":"1.Introduction This article is about WebSockets with Jetty. In this example we will give brief information on WebSockets and show how to implement","breadcrumb":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#primaryimage","url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/codehaus-jetty-logo.jpg","contentUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/codehaus-jetty-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jetty\/jetty-websocket-example\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/examples.javacodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"Java Development","item":"https:\/\/examples.javacodegeeks.com\/category\/java-development\/"},{"@type":"ListItem","position":3,"name":"Enterprise Java","item":"https:\/\/examples.javacodegeeks.com\/category\/java-development\/enterprise-java\/"},{"@type":"ListItem","position":4,"name":"jetty","item":"https:\/\/examples.javacodegeeks.com\/category\/java-development\/enterprise-java\/jetty\/"},{"@type":"ListItem","position":5,"name":"Jetty WebSocket Example"}]},{"@type":"WebSite","@id":"https:\/\/examples.javacodegeeks.com\/#website","url":"https:\/\/examples.javacodegeeks.com\/","name":"Java Code Geeks","description":"Java Examples and Code Snippets","publisher":{"@id":"https:\/\/examples.javacodegeeks.com\/#organization"},"alternateName":"JCG","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/examples.javacodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/examples.javacodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/examples.javacodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/javacodegeeks","https:\/\/x.com\/javacodegeeks"]},{"@type":"Person","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/b2b2c4a3762c4d2e0072b831fb6900f5","name":"Ibrahim Tasyurt","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/06\/Ibrahim-Tasyurt-96x96.jpg","contentUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/06\/Ibrahim-Tasyurt-96x96.jpg","caption":"Ibrahim Tasyurt"},"description":"Ibrahim is a Senior Software Engineer residing in Ankara,Turkey. He holds BSc and MS degrees in Computer Engineering from Middle East Technical University(METU). Throughout his professional carrier, he has worked in Enterprise Web Application projects for public sector and telecommunications domains. Java EE, Web Services and Enterprise Application Integration are the areas he is primarily involved with.","sameAs":["http:\/\/www.javacodegeeks.com\/","https:\/\/x.com\/itasyurt"],"url":"https:\/\/examples.javacodegeeks.com\/author\/ibrahim-tasyurt\/"}]}},"_links":{"self":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/posts\/24283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/comments?post=24283"}],"version-history":[{"count":0,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/posts\/24283\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/media\/1239"}],"wp:attachment":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/media?parent=24283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/categories?post=24283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/tags?post=24283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Web](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/06\/websocket.jpg\")
<\/a>