Websocket業務對接 === > 項目對接完Websocket后，實現業務對接，通過后臺業務對接，推送相對應的業務消息給客戶端，客戶端處理對應業務的消息 ### 系統通告業務對接示例 系統通告管理中，管理員可發兩種類型的消息，全體用戶和指定用戶發送 發送的消息是一個json串 #### （1）調用WebSocket 服務 ``` @Resource private WebSocket webSocket; ``` #### （2）方法中調用 > cmd為業務類型，例如topic表示系統消息，user表示用戶消息，可以自定義cmd類型，客戶端根據返回的cmd類型處理不同的業務響應 **全體發送** ``` //創建業務消息信息 JSONObject obj = new JSONObject(); obj.put("cmd", "topic");//業務類型 obj.put("msgId", sysAnnouncement.getId());//消息id obj.put("msgTxt", sysAnnouncement.getTitile());//消息內容 //全體發送 webSocket.sendAllMessage(obj.toJSONString()); ``` **單個用戶發送** ``` //創建業務消息信息 JSONObject obj = new JSONObject(); obj.put("cmd", "user");//業務類型 obj.put("msgId", sysAnnouncement.getId());//消息id obj.put("msgTxt", sysAnnouncement.getTitile());//消息內容 //單個用戶發送 (userId為用戶id) webSocket.sendOneMessage(userId, obj.toJSONString()); ``` **多個用戶發送** ``` //創建業務消息信息 JSONObject obj = new JSONObject(); obj.put("cmd", "user");//業務類型 obj.put("msgId", sysAnnouncement.getId());//消息id obj.put("msgTxt", sysAnnouncement.getTitile());//消息內容 //多個用戶發送 (userIds為多個用戶id，逗號‘,’分隔) webSocket.sendMoreMessage(userIds, obj.toJSONString()); ``` #### （3）vue 客戶端根據返回的cmd類型處理不同的業務響應 ``` websocketonmessage: function (e) { console.log("-----接收消息-------",e.data); var data = eval("(" + e.data + ")"); //解析json對象 if(data.cmd == "topic"){ //TODO 系統通知 }else if(data.cmd == "user"){ //TODO 用戶消息 } }, ```