首页 发现 帮助
注册 登录
pilot
/
spring-websocket-stomp
关注 2
点赞 0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

Added version to listen to AMP websocket

Richard Knight 5 年之前
父节点
ba87f3516d
当前提交
1ac7141995
共有 3 个文件被更改，包括 62 次插入 和 4 次删除
分列视图 显示文件统计
  1. 17 0
      www/amp.html
  2. 25 0
      www/amp.js
  3. 20 4
      www/index.html

+ 17 - 0
www/amp.html
查看文件 

@@ -0,0 +1,17 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+    <title>Hello WebSocket</title>
 
+    <meta charset="UTF-8">
 
+    <script src="/node_modules/jquery/dist/jquery.min.js"></script>
 
+    <script src="/node_modules/sockjs-client/dist/sockjs.min.js"></script>
 
+    <script src="/node_modules/stomp-websocket/lib/stomp.min.js"></script>
 
+    <script src="/amp.js"></script>
 
+</head>
 
+<body>
 
+    <h1>Websocket - targetting AMP running on http://localhost:8081/amp/websocket</h1>
 
+    <h3>
 
+    Check the console to see messages after saving games, chains and operators.
 
+    </h3>
 
+</body>
 
+</html>

+ 25 - 0
www/amp.js
查看文件 

@@ -0,0 +1,25 @@
 
+var stompClient = null;
 
+
 
+function connect() {
 
+    var socket = new SockJS('http://localhost:8081/amp/websocket');
 
+    stompClient = Stomp.over(socket);
 
+    stompClient.connect({}, function (frame) {
 
+        console.log('Connected: ' + frame);
 
+        stompClient.subscribe('/channel/entity-events', function (msg) {
 
+            var msgJ = JSON.parse(msg.body);
 
+            console.log(msgJ);
 
+        });
 
+    });
 
+}
 
+
 
+function disconnect() {
 
+    if (stompClient !== null) {
 
+        stompClient.disconnect();
 
+    }
 
+    setConnected(false);
 
+    console.log("Disconnected");
 
+}
 
+
 
+$(document).ready(function() {
 
+    connect();
 
+});

+ 20 - 4
www/index.html
查看文件 

@@ -4,11 +4,27 @@
 
     <title>Hello WebSocket</title>
 
     <meta charset="UTF-8">
 
     <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
 
-    <link href="/main.css" rel="stylesheet">
 
     <script src="/node_modules/jquery/dist/jquery.min.js"></script>
 
     <script src="/node_modules/sockjs-client/dist/sockjs.min.js"></script>
 
     <script src="/node_modules/stomp-websocket/lib/stomp.min.js"></script>
 
     <script src="/app.js"></script>
 
+
 
+    <style>
 
+    
+    #main-content {
 
+        margin-top: 2em;
 
+    }
 
+
 
+    button, input {
 
+        margin-left: 1em;
 
+    }
 
+
 
+    .row {
 
+        padding-bottom: 1em;
 
+    }
 
+    
+    </style>
 
+
 
 </head>
 
 <body>
 
 <noscript><h2 style="color: #ff0000">Seems your browser doesn't support Javascript! Websocket relies on Javascript being
 
@@ -20,8 +36,8 @@
 
             <form class="form-inline">
 
                 <div class="form-group">
 
                     <label for="connect">WebSocket connection:</label>
 
-                    <button id="connect" class="btn btn-default" type="submit">Connect</button>
 
-                    <button id="disconnect" class="btn btn-default" type="submit" disabled="disabled">Disconnect
 
+                    <button id="connect" class="btn btn-success" type="submit">Connect</button>
 
+                    <button id="disconnect" class="btn btn-danger" type="submit" disabled="disabled">Disconnect
 
                     </button>
 
                 </div>
 
             </form>
 
@@ -32,7 +48,7 @@
 
                     <label for="name">What is your name?</label>
 
                     <input type="text" id="name" class="form-control" placeholder="Your name here...">
 
                 </div>
 
-                <button id="send" class="btn btn-default" type="submit">Send</button>
 
+                <button id="send" class="btn btn-primary" type="submit">Send</button>
 
             </form>
 
         </div>
 
     </div>