碼上快樂

相關內容    簡體    繁體

java 實現websocket的兩種方式

本文轉載自   查看原文   2018-04-10 11:34   3563    開發經驗/ 工作總結/ WebSocket

簡單說明

1.兩種方式，一種使用tomcat的websocket實現，一種使用spring的websocket

2.tomcat的方式需要tomcat 7.x，JEE7的支持。

3.spring與websocket整合需要spring 4.x，並且使用了socketjs，對不支持websocket的瀏覽器可以模擬websocket使用


方式一：tomcat

使用這種方式無需別的任何配置，只需服務端一個處理類，


服務器端代碼

[java]
  1. package com.Socket;  
  2.   
  3. import java.io.IOException;  
  4. import java.util.Map;  
  5. import java.util.concurrent.ConcurrentHashMap;  
  6. import javax.websocket.*;  
  7. import javax.websocket.server.PathParam;  
  8. import javax.websocket.server.ServerEndpoint;  
  9. import net.sf.json.JSONObject;  
  10.   
  11. @ServerEndpoint("/websocket/{username}")  
  12. public class WebSocket {  
  13.   
  14.     private static int onlineCount = 0;  
  15.     private static Map<String, WebSocket> clients = new ConcurrentHashMap<String, WebSocket>();  
  16.     private Session session;  
  17.     private String username;  
  18.       
  19.     @OnOpen  
  20.     public void onOpen(@PathParam("username") String username, Session session) throws IOException {  
  21.   
  22.         this.username = username;  
  23.         this.session = session;  
  24.           
  25.         addOnlineCount();  
  26.         clients.put(username, this);  
  27.         System.out.println("已連接");  
  28.     }  
  29.   
  30.     @OnClose  
  31.     public void onClose() throws IOException {  
  32.         clients.remove(username);  
  33.         subOnlineCount();  
  34.     }  
  35.   
  36.     @OnMessage  
  37.     public void onMessage(String message) throws IOException {  
  38.   
  39.         JSONObject jsonTo = JSONObject.fromObject(message);  
  40.           
  41.         if (!jsonTo.get("To").equals("All")){  
  42.             sendMessageTo("給一個人", jsonTo.get("To").toString());  
  43.         }else{  
  44.             sendMessageAll("給所有人");  
  45.         }  
  46.     }  
  47.   
  48.     @OnError  
  49.     public void onError(Session session, Throwable error) {  
  50.         error.printStackTrace();  
  51.     }  
  52.   
  53.     public void sendMessageTo(String message, String To) throws IOException {  
  54.         // session.getBasicRemote().sendText(message);  
  55.         //session.getAsyncRemote().sendText(message);  
  56.         for (WebSocket item : clients.values()) {  
  57.             if (item.username.equals(To) )  
  58.                 item.session.getAsyncRemote().sendText(message);  
  59.         }  
  60.     }  
  61.       
  62.     public void sendMessageAll(String message) throws IOException {  
  63.         for (WebSocket item : clients.values()) {  
  64.             item.session.getAsyncRemote().sendText(message);  
  65.         }  
  66.     }  
  67.       
  68.       
  69.   
  70.     public static synchronized int getOnlineCount() {  
  71.         return onlineCount;  
  72.     }  
  73.   
  74.     public static synchronized void addOnlineCount() {  
  75.         WebSocket.onlineCount++;  
  76.     }  
  77.   
  78.     public static synchronized void subOnlineCount() {  
  79.         WebSocket.onlineCount--;  
  80.     }  
  81.   
  82.     public static synchronized Map<String, WebSocket> getClients() {  
  83.         return clients;  
  84.     }  
  85. }  


客戶端js

[javascript]
  1. var websocket = null;  
  2. var username = localStorage.getItem("name");  
  3.   
  4. //判斷當前瀏覽器是否支持WebSocket  
  5. if ('WebSocket' in window) {  
  6.     websocket = new WebSocket("ws://" + document.location.host + "/WebChat/websocket/" + username + "/"+ _img);  
  7. } else {  
  8.     alert('當前瀏覽器 Not support websocket')  
  9. }  
  10.   
  11. //連接發生錯誤的回調方法  
  12. websocket.onerror = function() {  
  13.     setMessageInnerHTML("WebSocket連接發生錯誤");  
  14. };  
  15.   
  16. //連接成功建立的回調方法  
  17. websocket.onopen = function() {  
  18.     setMessageInnerHTML("WebSocket連接成功");  
  19. }  
  20.   
  21. //接收到消息的回調方法  
  22. websocket.onmessage = function(event) {  
  23.     setMessageInnerHTML(event.data);  
  24. }  
  25.   
  26. //連接關閉的回調方法  
  27. websocket.onclose = function() {  
  28.     setMessageInnerHTML("WebSocket連接關閉");  
  29. }  
  30.   
  31. //監聽窗口關閉事件，當窗口關閉時，主動去關閉websocket連接，防止連接還沒斷開就關閉窗口，server端會拋異常。  
  32. window.onbeforeunload = function() {  
  33.     closeWebSocket();  
  34. }  
  35.   
  36. //關閉WebSocket連接  
  37. function closeWebSocket() {  
  38.     websocket.close();  
  39. }  


發送消息只需要使用websocket.send("發送消息")，就可以觸發服務端的onMessage()方法，當連接時，觸發服務器端onOpen()方法，此時也可以調用發送消息的方法去發送消息。關閉websocket時，觸發服務器端onclose()方法，此時也可以發送消息，但是不能發送給自己，因為自己的已經關閉了連接，但是可以發送給其他人。


方法二：spring整合

此方式基於spring mvc框架，相關配置可以看我的相關博客文章


WebSocketConfig.java

這個類是配置類，所以需要在spring mvc配置文件中加入對這個類的掃描，第一個addHandler是對正常連接的配置，第二個是如果瀏覽器不支持websocket，使用socketjs模擬websocket的連接。

[java]
  1. package com.websocket;  
  2.   
  3. import org.springframework.context.annotation.Bean;  
  4. import org.springframework.context.annotation.Configuration;  
  5. import org.springframework.web.socket.config.annotation.EnableWebSocket;  
  6. import org.springframework.web.socket.config.annotation.WebSocketConfigurer;  
  7. import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry;  
  8. import org.springframework.web.socket.handler.TextWebSocketHandler;  
  9.   
  10. @Configuration  
  11. @EnableWebSocket  
  12. public class WebSocketConfig implements WebSocketConfigurer {  
  13.     @Override  
  14.     public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {  
  15.         registry.addHandler(chatMessageHandler(),"/webSocketServer").addInterceptors(new ChatHandshakeInterceptor());  
  16.         registry.addHandler(chatMessageHandler(), "/sockjs/webSocketServer").addInterceptors(new ChatHandshakeInterceptor()).withSockJS();  
  17.     }  
  18.    
  19.     @Bean  
  20.     public TextWebSocketHandler chatMessageHandler(){  
  21.         return new ChatMessageHandler();  
  22.     }  
  23.   
  24. }  



ChatHandshakeInterceptor.java

這個類的作用就是在連接成功前和成功后增加一些額外的功能，Constants.java類是一個工具類，兩個常量。

[java]
  1. package com.websocket;  
  2.   
  3. import java.util.Map;  
  4. import org.apache.shiro.SecurityUtils;  
  5. import org.springframework.http.server.ServerHttpRequest;  
  6. import org.springframework.http.server.ServerHttpResponse;  
  7. import org.springframework.web.socket.WebSocketHandler;  
  8. import org.springframework.web.socket.server.support.HttpSessionHandshakeInterceptor;  
  9.   
  10. public class ChatHandshakeInterceptor extends HttpSessionHandshakeInterceptor {  
  11.   
  12.     @Override  
  13.     public boolean beforeHandshake(ServerHttpRequest request, ServerHttpResponse response, WebSocketHandler wsHandler,  
  14.             Map<String, Object> attributes) throws Exception {  
  15.         System.out.println("Before Handshake");  
  16.         /* 
  17.          * if (request instanceof ServletServerHttpRequest) { 
  18.          * ServletServerHttpRequest servletRequest = (ServletServerHttpRequest) 
  19.          * request; HttpSession session = 
  20.          * servletRequest.getServletRequest().getSession(false); if (session != 
  21.          * null) { //使用userName區分WebSocketHandler，以便定向發送消息 String userName = 
  22.          * (String) session.getAttribute(Constants.SESSION_USERNAME); if 
  23.          * (userName==null) { userName="default-system"; } 
  24.          * attributes.put(Constants.WEBSOCKET_USERNAME,userName); 
  25.          *  
  26.          * } } 
  27.          */  
  28.   
  29.         //使用userName區分WebSocketHandler，以便定向發送消息(使用shiro獲取session,或是使用上面的方式)  
  30.         String userName = (String) SecurityUtils.getSubject().getSession().getAttribute(Constants.SESSION_USERNAME);  
  31.         if (userName == null) {  
  32.             userName = "default-system";  
  33.         }  
  34.         attributes.put(Constants.WEBSOCKET_USERNAME, userName);  
  35.   
  36.         return super.beforeHandshake(request, response, wsHandler, attributes);  
  37.     }  
  38.   
  39.     @Override  
  40.     public void afterHandshake(ServerHttpRequest request, ServerHttpResponse response, WebSocketHandler wsHandler,  
  41.             Exception ex) {  
  42.         System.out.println("After Handshake");  
  43.         super.afterHandshake(request, response, wsHandler, ex);  
  44.     }  
  45.   
  46. }  



ChatMessageHandler.java

這個類是對消息的一些處理，比如是發給一個人，還是發給所有人，並且前端連接時觸發的一些動作

[java]
  1. package com.websocket;  
  2.   
  3. import java.io.IOException;  
  4. import java.util.ArrayList;  
  5. import org.apache.log4j.Logger;  
  6. import org.springframework.web.socket.CloseStatus;  
  7. import org.springframework.web.socket.TextMessage;  
  8. import org.springframework.web.socket.WebSocketSession;  
  9. import org.springframework.web.socket.handler.TextWebSocketHandler;  
  10.   
  11. public class ChatMessageHandler extends TextWebSocketHandler {  
  12.   
  13.     private static final ArrayList<WebSocketSession> users;// 這個會出現性能問題，最好用Map來存儲，key用userid  
  14.     private static Logger logger = Logger.getLogger(ChatMessageHandler.class);  
  15.   
  16.     static {  
  17.         users = new ArrayList<WebSocketSession>();  
  18.     }  
  19.   
  20.     /** 
  21.      * 連接成功時候，會觸發UI上onopen方法 
  22.      */  
  23.     @Override  
  24.     public void afterConnectionEstablished(WebSocketSession session) throws Exception {  
  25.         System.out.println("connect to the websocket success......");  
  26.         users.add(session);  
  27.         // 這塊會實現自己業務，比如，當用戶登錄后，會把離線消息推送給用戶  
  28.         // TextMessage returnMessage = new TextMessage("你將收到的離線");  
  29.         // session.sendMessage(returnMessage);  
  30.     }  
  31.   
  32.     /** 
  33.      * 在UI在用js調用websocket.send()時候，會調用該方法 
  34.      */  
  35.     @Override  
  36.     protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {  
  37.         sendMessageToUsers(message);  
  38.         //super.handleTextMessage(session, message);  
  39.     }  
  40.   
  41.     /** 
  42.      * 給某個用戶發送消息 
  43.      * 
  44.      * @param userName 
  45.      * @param message 
  46.      */  
  47.     public void sendMessageToUser(String userName, TextMessage message) {  
  48.         for (WebSocketSession user : users) {  
  49.             if (user.getAttributes().get(Constants.WEBSOCKET_USERNAME).equals(userName)) {  
  50.                 try {  
  51.                     if (user.isOpen()) {  
  52.                         user.sendMessage(message);  
  53.                     }  
  54.                 } catch (IOException e) {  
  55.                     e.printStackTrace();  
  56.                 }  
  57.                 break;  
  58.             }  
  59.         }  
  60.     }  
  61.   
  62.     /** 
  63.      * 給所有在線用戶發送消息 
  64.      * 
  65.      * @param message 
  66.      */  
  67.     public void sendMessageToUsers(TextMessage message) {  
  68.         for (WebSocketSession user : users) {  
  69.             try {  
  70.                 if (user.isOpen()) {  
  71.                     user.sendMessage(message);  
  72.                 }  
  73.             } catch (IOException e) {  
  74.                 e.printStackTrace();  
  75.             }  
  76.         }  
  77.     }  
  78.   
  79.     @Override  
  80.     public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception {  
  81.         if (session.isOpen()) {  
  82.             session.close();  
  83.         }  
  84.         logger.debug("websocket connection closed......");  
  85.         users.remove(session);  
  86.     }  
  87.   
  88.     @Override  
  89.     public void afterConnectionClosed(WebSocketSession session, CloseStatus closeStatus) throws Exception {  
  90.         logger.debug("websocket connection closed......");  
  91.         users.remove(session);  
  92.     }  
  93.   
  94.     @Override  
  95.     public boolean supportsPartialMessages() {  
  96.         return false;  
  97.     }  
  98.   
  99. }  



spring-mvc.xml

正常的配置文件，同時需要增加對WebSocketConfig.java類的掃描，並且增加

[html]
  1. xmlns:websocket="http://www.springframework.org/schema/websocket"  
  2.               http://www.springframework.org/schema/websocket   
  3.               <a target="_blank" href="http://www.springframework.org/schema/websocket/spring-websocket-4.1.xsd">http://www.springframework.org/schema/websocket/spring-websocket-4.1.xsd</a>  



客戶端

[html]
  1. <script type="text/javascript"  
  2.         src="http://localhost:8080/Bank/js/sockjs-0.3.min.js"></script>  
  3.     <script>  
  4.         var websocket;  
  5.       
  6.         if ('WebSocket' in window) {  
  7.             websocket = new WebSocket("ws://" + document.location.host + "/Bank/webSocketServer");  
  8.         } else if ('MozWebSocket' in window) {  
  9.             websocket = new MozWebSocket("ws://" + document.location.host + "/Bank/webSocketServer");  
  10.         } else {  
  11.             websocket = new SockJS("http://" + document.location.host + "/Bank/sockjs/webSocketServer");  
  12.         }  
  13.       
  14.         websocket.onopen = function(evnt) {};  
  15.         websocket.onmessage = function(evnt) {  
  16.             $("#test").html("(<font color='red'>" + evnt.data + "</font>)")  
  17.         };  
  18.       
  19.         websocket.onerror = function(evnt) {};  
  20.         websocket.onclose = function(evnt) {}  
  21.       
  22.         $('#btn').on('click', function() {  
  23.             if (websocket.readyState == websocket.OPEN) {  
  24.                 var msg = $('#id').val();  
  25.                 //調用后台handleTextMessage方法  
  26.                 websocket.send(msg);  
  27.             } else {  
  28.                 alert("連接失敗!");  
  29.             }  
  30.         });  
  31.     </script>  


注意導入socketjs時要使用地址全稱，並且連接使用的是http而不是websocket的ws

0
0
« 上一篇： 媒體文件audio 轉 base64 編碼 （利用 FileReader & Audio 對象）
» 下一篇： Safari支不支持HTML5錄音？ 現在瀏覽器中最好的解決方案是WebRTC下的 navigator.getUserMedia API。 
	</div>


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 java 實現websocket的兩種方式實例詳解 Java搭建WebSocket的兩種方式 Java隊列的兩種實現方式 java實現MQ消息收發兩種方式 java實現序列化的兩種方式 Java中比較對象大小的兩種實現方式 java實現多線程的兩種方式及售票實例 activemq兩種實現方式 單例模式的兩種實現方式 jquery實現復制的兩種方式
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM