2012-09-19 19:31:19 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
<title>WebSocket Test</title>
|
|
|
|
|
|
<script language="javascript" type="text/javascript">
|
2012-09-20 20:45:35 +08:00
|
|
|
|
|
2012-09-19 19:31:19 +08:00
|
|
|
|
var writeToScreen = function(message) {
|
|
|
|
|
|
var div = document.createElement('div');
|
|
|
|
|
|
div.innerHTML = message;
|
|
|
|
|
|
document.getElementById('output').appendChild(div);
|
|
|
|
|
|
};
|
|
|
|
|
|
window.onload = function() {
|
|
|
|
|
|
var url = 'ws://' + window.location.host + '/foo';
|
|
|
|
|
|
websocket = new WebSocket(url);
|
|
|
|
|
|
websocket.onopen = function(ev) {
|
|
|
|
|
|
writeToScreen('CONNECTED');
|
|
|
|
|
|
var message = 'Не всё подчиняется разуму. Но всё подчиняется упорству. ';
|
|
|
|
|
|
writeToScreen('SENT: ' + message);
|
|
|
|
|
|
websocket.send(message);
|
|
|
|
|
|
};
|
|
|
|
|
|
websocket.onclose = function(ev) {
|
|
|
|
|
|
writeToScreen('DISCONNECTED');
|
|
|
|
|
|
};
|
|
|
|
|
|
websocket.onmessage = function(ev) {
|
|
|
|
|
|
writeToScreen('<span style="color: blue;">RESPONSE: ' + ev.data +
|
|
|
|
|
|
' </span>');
|
2012-09-20 20:45:35 +08:00
|
|
|
|
websocket.send('exit');
|
2012-09-19 19:31:19 +08:00
|
|
|
|
};
|
|
|
|
|
|
websocket.onerror = function(ev) {
|
|
|
|
|
|
writeToScreen('<span style="color: red; ">ERROR: </span> ' + ev.data);
|
|
|
|
|
|
};
|
|
|
|
|
|
};
|
|
|
|
|
|
</script>
|
2012-09-20 21:01:45 +08:00
|
|
|
|
<style> div {font: small Verdana; } </style>
|
|
|
|
|
|
<h2>Mongoose WebSocket Test</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div style="width: 400px; color: #aaa; padding: 1em; ">
|
|
|
|
|
|
This page code creates websocket to the URI "/foo",
|
|
|
|
|
|
sends a message to it, waits for the reply, then sends an "exit" message.
|
|
|
|
|
|
Server must echo all messages back, and terminate the conversation after
|
|
|
|
|
|
receiving the "exit" message.
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2012-09-19 19:31:19 +08:00
|
|
|
|
<div id="output"></div>
|
|
|
|
|
|
</html>
|
