waynelkh/websocket.html

## websocket.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Flask websocket</title>
    </head>
    <body>
        <h3>Flask websocket</h3>
        coreURL: <input id="core" type="text" value="http://docker.cs.nctu.edu.tw:32774" />
        <br />
        controllerURL: <input id="controller" type="text" value="http://172.17.0.4:8080" />
        <br />
        controllerName: <input id="controllerName" type="text" value="onoszylin"/>
        <br />
        <button onClick="send()">click</button>
        <br />
        <div id="app"></div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.6/socket.io.min.js"></script>
<script type="text/javascript" charset="utf-8">
    var socket = io.connect('http://docker.cs.nctu.edu.tw:32774/websocket');
    socket.on('connect', function() {
        console.log('socket.io connect!');
        // socket.emit('subscribe', {data: 'I\'m connected!'});
    });
    socket.on('setting_controller', function(data){
        console.log("setting_controller", data);
    });
    function send(){
        var core = document.getElementById('core').value;
        var controller = document.getElementById('controller').value;
        var controllerName = document.getElementById('controllerName').value;
        var payload = {
            coreURL: core,
            controllerURL: controller,
            controllerName: controllerName
        };
        socket.emit('setting_controller', {data: payload });

        console.log("send", payload);
    }
    socket.on('controller', function(data){
        console.log('controller', data);
    })
    socket.on('packet', function(data){
        console.info('packet', data);
    })
    socket.on('addlink', function(data){
        console.log('addlink', data);
    })
    socket.on('dellink', function(data){
        console.log('dellink', data);
    })
    socket.on('addport', function(data){
        console.log('addport', data);
    })
    socket.on('delport', function(data){
        console.log('delport', data);
    })
    socket.on('adddevice', function(data){
        console.log('adddevice', data);
    })
    socket.on('deldevice', function(data){
        console.log('deldevice', data);
    })
    socket.on('addhost', function(data){
        console.log('addhost', data);
    })
    socket.on('delhost', function(data){
        console.log('delhost', data);
    })
    socket.on('port', function(data){
        console.log('port', data);
    })
    socket.on('flow', function(data){
        console.log('flow', data);
    })
    socket.on('flow/top', function(data){
        console.log('flow/top' ,data);
    })
    socket.on('reset_datastore', function(data){
        console.log('reset_datastore' ,data);
    })
    socket.on('other', function(data){
        console.log('other' ,data);
    })
    socket.on('feature', function(data){
        console.log('feature' ,data);
    })
    socket.on('debug', function(data){
        console.log('debug' ,data);
    })
</script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Flask websocket</title>
	</head>
	<body>
	<h3>Flask websocket</h3>
	coreURL: <input id="core" type="text" value="http://docker.cs.nctu.edu.tw:32774" />
	<br />
	controllerURL: <input id="controller" type="text" value="http://172.17.0.4:8080" />
	<br />
	controllerName: <input id="controllerName" type="text" value="onoszylin"/>
	<br />
	<button onClick="send()">click</button>
	<br />
	<div id="app"></div>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.6/socket.io.min.js"></script>
	<script type="text/javascript" charset="utf-8">
	var socket = io.connect('http://docker.cs.nctu.edu.tw:32774/websocket');
	socket.on('connect', function() {
	console.log('socket.io connect!');
	// socket.emit('subscribe', {data: 'I\'m connected!'});
	});
	socket.on('setting_controller', function(data){
	console.log("setting_controller", data);
	});
	function send(){
	var core = document.getElementById('core').value;
	var controller = document.getElementById('controller').value;
	var controllerName = document.getElementById('controllerName').value;
	var payload = {
	coreURL: core,
	controllerURL: controller,
	controllerName: controllerName
	};
	socket.emit('setting_controller', {data: payload });

	console.log("send", payload);
	}
	socket.on('controller', function(data){
	console.log('controller', data);
	})
	socket.on('packet', function(data){
	console.info('packet', data);
	})
	socket.on('addlink', function(data){
	console.log('addlink', data);
	})
	socket.on('dellink', function(data){
	console.log('dellink', data);
	})
	socket.on('addport', function(data){
	console.log('addport', data);
	})
	socket.on('delport', function(data){
	console.log('delport', data);
	})
	socket.on('adddevice', function(data){
	console.log('adddevice', data);
	})
	socket.on('deldevice', function(data){
	console.log('deldevice', data);
	})
	socket.on('addhost', function(data){
	console.log('addhost', data);
	})
	socket.on('delhost', function(data){
	console.log('delhost', data);
	})
	socket.on('port', function(data){
	console.log('port', data);
	})
	socket.on('flow', function(data){
	console.log('flow', data);
	})
	socket.on('flow/top', function(data){
	console.log('flow/top' ,data);
	})
	socket.on('reset_datastore', function(data){
	console.log('reset_datastore' ,data);
	})
	socket.on('other', function(data){
	console.log('other' ,data);
	})
	socket.on('feature', function(data){
	console.log('feature' ,data);
	})
	socket.on('debug', function(data){
	console.log('debug' ,data);
	})
	</script>
	</body>
	</html>