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>
 |