39 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			39 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!doctype html>
 | |
| <html>
 | |
| <head>
 | |
|   <meta charset="utf-8">
 | |
|   <title>WebSockets with Zones</title>
 | |
|   <link rel="stylesheet" href="css/style.css">
 | |
|   <script src="../dist/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() {
 | |
|     Zone.current.fork({properties: {secretPayload: 'bah!'}, name: 'secrete-zone'}).run(function() {
 | |
|       ws.onmessage = function(eventListener) {
 | |
|         if (Zone.current.get('secretPayload') === 'bah!') {
 | |
|           console.log("The current zone (id: %s) has secretPayload. Zones are working!",
 | |
|                   Zone.current.name);
 | |
|         } else {
 | |
|           console.error('Secret payload not found where expected! Zones are not working! :-(', Zone.current.name);
 | |
|         }
 | |
|       };
 | |
|       console.log('Setting secret payload in the current zone (id: %s)', Zone.current.name);
 | |
|     });
 | |
| 
 | |
|     ws.send('hello!');
 | |
|   };
 | |
| 
 | |
|   </script>
 | |
| </body>
 | |
| </html>
 |