diff options
Diffstat (limited to 'test')
| -rw-r--r-- | test/websock.html | 62 | ||||
| -rw-r--r-- | test/websock.js | 111 |
2 files changed, 137 insertions, 36 deletions
diff --git a/test/websock.html b/test/websock.html index 1db33b2a..dd38e74a 100644 --- a/test/websock.html +++ b/test/websock.html @@ -1,47 +1,37 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> - <head> +<head> <title>WebSocket Echo</title> + <script type="text/javascript" src="websock.js"></script> <script type="text/javascript"> - <!-- - var ws; + var ws; - if ((typeof(WebSocket) == 'undefined') && - (typeof(MozWebSocket) != 'undefined')) { - WebSocket = MozWebSocket; - } - - function init() { - ws = new WebSocket("ws://localhost:1234/api/"); - ws.onopen = function(event) { - document.getElementById("main").style.visibility = "visible"; - document.getElementById("connected").innerHTML = "Connected to WebSocket server"; - }; - ws.onmessage = function(event) { - document.getElementById("output").innerHTML = event.data; - }; - ws.onerror = function(event) { alert("Received error"); }; - ws.onclose = function(event) { - ws = null; - document.getElementById("main").style.visibility = "hidden"; - document.getElementById("connected").innerHTML = "Connection Closed"; - } - } - - function send(message) { - if (ws) { - ws.send(message); - } - } - // --> + function onopen() { + document.getElementById("main").style.visibility = "visible"; + document.getElementById("connected").innerHTML = "Connected to WebSocket server"; + } + function onabort() { + document.getElementById("main").style.visibility = "hidden"; + document.getElementById("connected").innerHTML = "Connected Closed"; + } + function init() { + ws = new AfbWsItf("api", onopen, onabort, new AfbCtxItf("hello")); + } + function replyok(obj) { + document.getElementById("output").innerHTML = "OK: "+JSON.stringify(obj); + } + function replyerr(obj) { + document.getElementById("output").innerHTML = "ERROR: "+JSON.stringify(obj); + } + function send(message) { + ws.call("hello", "ping", {data:message}, replyok, replyerr); + } </script> - </head> - <body onload="init();"> + +<body onload="init();"> <h1>WebSocket Echo</h1> <div id="connected">Not Connected</div> <div id="main" style="visibility:hidden"> Enter Message: <input type="text" name="message" value="" size="80" onchange="send(this.value)"/><br/> Server says... <div id="output"></div> </div> - </body> -</html> + diff --git a/test/websock.js b/test/websock.js new file mode 100644 index 00000000..1ba136b4 --- /dev/null +++ b/test/websock.js @@ -0,0 +1,111 @@ + +AfbCtxItf = (function(){ + + var UUID = undefined; + var TOKEN = undefined; + + function AfbCtxItf(token, uuid) { + this.token = token; + this.uuid = uuid; + } + + AfbCtxItf.prototype = { + get token() {return TOKEN;}, + set token(tok) {if(tok) TOKEN=tok;}, + get uuid() {return UUID;}, + set uuid(id) {if(id) UUID=id;} + }; + + return AfbCtxItf; +})(); + + +AfbWsItf = (function(){ + + var CALL = 2; + var RETOK = 3; + var RETERR = 4; + + function AfbWsItf(base, onopen, onabort, ctx) { + var wl = window.location; + var u = "ws://"+wl.host+"/"+base; + this.ws = new (WebSocket || MozWebSocket)(u, [ "afb1", "afb2" ]); + this.pendings = {}; + this.counter = 0; + this.ctx = ctx || new AfbCtxItf(); + this.ws.onopen = onopen.bind(this); + this.ws.onerror = onerror.bind(this); + this.ws.onclose = onclose.bind(this); + this.ws.onmessage = onmessage.bind(this); + this.onopen = onopen; + this.onabort = onabort; + } + + function onerror(event) { + var f = this.onabort; + if (f) { + delete this.onopen; + delete this.onabort; + f && f(this); + } + this.onerror && this.onerror(this); + } + + function onopen(event) { + var f = this.onopen; + delete this.onopen; + delete this.onabort; + f && f(this); + } + + function onclose(event) { + for (var id in this.pendings) { + var ferr = this.pendings[id].onerror; + ferr && ferr(null, this); + } + this.pendings = {}; + this.onclose && this.onclose(); + } + + function onmessage(event) { + var obj = JSON.parse(event.data); + var code = obj[0]; + var id = obj[1]; + var ans = obj[2]; + this.ctx.token = obj[3]; + var pend; + if (id && id in this.pendings) { + pend = this.pendings[id]; + delete this.pendings[id]; + } + switch (code) { + case RETOK: + pend && pend.onsuccess && pend.onsuccess(ans, this); + break; + case RETERR: + default: + pend && pend.onerror && pend.onerror(ans, this); + break; + } + } + + function close() { + this.ws.close(); + } + + function call(api, verb, request, onsuccess, onerror) { + var id = String(++this.counter); + this.pendings[id] = { onsuccess: onsuccess, onerror: onerror }; + var arr = [CALL, id, api+"/"+verb, request ]; + if (this.ctx.token) arr.push(this.ctx.token); + this.ws.send(JSON.stringify(arr)); + } + + AfbWsItf.prototype = { + close: close, + call: call + }; + + return AfbWsItf; +})(); + |