feat: add websockets example

angular · May 1, 2015 · edb17d2 · edb17d2
1 parent d725f46
commit edb17d2
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/example/index.html b/example/index.html
@@ -16,6 +16,7 @@ <h1>Examples</h1>
     <li><a href="counting.html">Counting Tasks</a></li>
     <li><a href="profiling.html">Profiling Across Tasks</a></li>
     <li><a href="throttle.html">Throttle</a></li>
+    <li><a href="web-socket.html">WebSocket</a></li>
     <li><a href="xml-http-request.html">XMLHttpRequest</a></li>
   </ol>
 

diff --git a/example/web-socket.html b/example/web-socket.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>WebSockets with Zones</title>
+  <link rel="stylesheet" href="style.css">
+  <script src="../zone.js"></script>
+</head>
+<body>
+
+  <p>
+    Ensure that you started <code>node test/ws-server.js</code> before loading
+    this page. Then check console output.
+  </p>
+
+  <script>
+
+  var ws = new WebSocket('ws://localhost:8001');
+
+  ws.onopen = function() {
+    console.log('Setting secret payload in the current zone (id: %d)', zone.$id);
+    zone.secretPayload = 'bah!';
+
+    ws.onmessage = function(event) {
+      if (!zone.hasOwnProperty('secretPayload') &&
+           zone.parent.hasOwnProperty('secretPayload') &&
+           zone.secretPayload === 'bah!') {
+        console.log("The current zone (id: %d) doesn't have secretPayload, but parent (id: %d) does. Zones are working!",
+                     zone.$id, zone.parent.$id);
+      } else {
+        console.error('Secret payload not found where expected! Zones are not working! :-(');
+      }
+    };
+    ws.send('hello!');
+  };
+
+  </script>
+</body>
+</html>