From 22894c69c8dda32c476982ba21e4f7f572ba015c Mon Sep 17 00:00:00 2001
From: weidong <weidong@im-droid.com>
Date: Sat, 13 Jan 2024 13:03:26 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E5=A2=9E=E5=8A=A0websocket=E4=BF=9D?=
 =?UTF-8?q?=E6=B4=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../beidou/controller/WebSocketServer.java    |  2 +-
 .../resources/templates/page/cmd_line.html    | 54 +++++++++++--------
 2 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/sec-beidou/src/main/java/com/imdroid/beidou/controller/WebSocketServer.java b/sec-beidou/src/main/java/com/imdroid/beidou/controller/WebSocketServer.java
index 8b3658c3..333bdde7 100644
--- a/sec-beidou/src/main/java/com/imdroid/beidou/controller/WebSocketServer.java
+++ b/sec-beidou/src/main/java/com/imdroid/beidou/controller/WebSocketServer.java
@@ -38,7 +38,7 @@ public class WebSocketServer {
 
     @OnMessage
     public void onMessage(String msg, Session session){
-        log.info("received msg from "+session.getBasicRemote());
+        log.info("websocket: "+msg);
     }
 
     @OnError
diff --git a/sec-beidou/src/main/resources/templates/page/cmd_line.html b/sec-beidou/src/main/resources/templates/page/cmd_line.html
index fb5f66ef..cceac731 100644
--- a/sec-beidou/src/main/resources/templates/page/cmd_line.html
+++ b/sec-beidou/src/main/resources/templates/page/cmd_line.html
@@ -25,7 +25,7 @@
 					<textarea name="rx_win" id="rx_win" class="layui-textarea rx_win_style" readonly></textarea>
 				</div>
 			</div>
-			
+
 			<form class="layui-form" action="">
 				<div class="layui-col-md12">
 					<div class="layui-form-item">
@@ -51,7 +51,7 @@
 								</select>
 							</div>
 						</div>
-						
+
 						<div class="layui-inline">
 							<div class="layui-input-block">
 								<button class="layui-btn" lay-submit="" lay-filter="send_btn">发送</button>
@@ -68,21 +68,21 @@
 </div>
 <script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
 <script>
-    layui.use(['form'], function () {
-        var form = layui.form
-            , $ = layui.$;
+	layui.use(['form'], function () {
+		var form = layui.form
+				, $ = layui.$;
 		var rxWin = $("#rx_win");
 
 
 		/**
-         * 初始化表单，要加上，不然刷新部分组件可能会不加载
-         */
-        form.render();
+		 * 初始化表单，要加上，不然刷新部分组件可能会不加载
+		 */
+		form.render();
 
-        //监听提交
-        form.on('submit(send_btn)', function (data) {
+		//监听提交
+		form.on('submit(send_btn)', function (data) {
 			//console.log((data.field));
-            $.ajax({
+			$.ajax({
 				type:"POST",
 				url:"/gnss/config_cmd",
 				data: data.field,
@@ -104,19 +104,24 @@
 					console.log("ajax error");
 				}
 			});
-            return false;
-        });
+			return false;
+		});
 
 		form.on('submit(clear_btn)', function (data) {
 			rxWin.val("");
 			return false;
 		});
-    });
+	});
 </script>
 
 <!-- Web socket operations-->
 <script type="text/javascript">
+	var websocket;
+	var intervalId;
+	var rxWin;
+
 	layui.$(function(){
+		rxWin = layui.$('#rx_win');
 		if(typeof(WebSocket) == "undefined"){
 			console.log("WebSocket not support for this WebBrowser!")
 		}
@@ -129,10 +134,8 @@
 	function connectWebSocket() {
 		//获取当前网址，如： http://localhost:8080/ems/Pages/Basic/Person.jsp
 		var curPath = window.document.location.href;
-		console.log(curPath);
 		//获取主机地址之后的目录，如： /ems/Pages/Basic/Person.jsp
 		var pathName = window.document.location.pathname;
-		console.log(pathName);
 		var pos = curPath.indexOf(pathName);
 		//获取主机地址，如： http://localhost:8080
 		var basePath = curPath.substring(0, pos);
@@ -140,24 +143,33 @@
 		//建立webSocket连接
 		var webSocktPath;
 		webSocktPath = (basePath+"/websocket").replace("http","ws");
-		var websocket = new WebSocket(webSocktPath);
+		websocket = new WebSocket(webSocktPath);
 
 		//打开webSokcet连接时，回调该函数
 		websocket.onopen = function () {
 			console.log("Socket open");
+			intervalId = setInterval(function() {
+				websocket.send("hello");
+			}, 60000);// keep alive
 		}
 		websocket.onerror = function (){
 			console.log("Socket error");
 			layui.layer.alert("Open web socket failed!");
 		}
+		websocket.onclose = function (){
+			rxWin.append("websocket closed!\r\n");
+			// 如果需要停止重复执行的定时任务
+			clearInterval(intervalId);
+		}
 		//接收信息
 		websocket.onmessage = function (event) {
-			var rxWin = layui.$('#rx_win');
-			rxWin.val(rxWin.val()+event.data + "\r\n");
-			var obj = document.getElementById("rx_win");
-			obj.scrollTop = obj.scrollHeight;
+			rxWin.append(event.data + "\r\n");
+			rxWin.scrollTop = rxWin.scrollHeight;
 		}
+
 	}
+
+
 </script>
 
 </body>