浏览代码

sample websocket code

Josh 4 年之前
父节点
当前提交
062bf550fa
共有 1 个文件被更改,包括 26 次插入0 次删除
  1. 26 0
      resources/views/layouts/template.blade.php

+ 26 - 0
resources/views/layouts/template.blade.php

@@ -61,6 +61,9 @@
     {{-- pdfjs --}}
     {{-- pdfjs --}}
     <script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
     <script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
 
 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/sockjs-client/1.5.0/sockjs.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script>
+
     @yield('head')
     @yield('head')
 </head>
 </head>
 
 
@@ -342,6 +345,29 @@
         })();
         })();
     </script>
     </script>
     @include('app/pdf/viewer')
     @include('app/pdf/viewer')
+
+    <script>
+        // connect to WS
+        self.socket = new SockJS('http://localhost:8080/ws');
+        self.socketClient = Stomp.over(self.socket);
+        self.socketClient.connect({}, function(frame) {
+            console.log('Connected: ' + frame);
+
+            self.socketClient.subscribe("/user/topic/registration", function(message) {
+                console.log("Receiving message")
+                console.log("registration result:", message.body);
+            });
+
+            // join self
+            console.log("Sending message")
+            self.socketClient.send("/app/register", {},
+                JSON.stringify({
+                    sessionKey: '{{$performer->session_key}}'
+                })
+            );
+
+        });
+    </script>
 </body>
 </body>
 
 
 </html>
 </html>