<meta charset="UTF-8">
<html>
<body>
<img src="libwebsockets.org-logo.png"><br>
LWS chat <b>minimal ws broker example</b>.<br>
This page opens two separate ws connections...<br>
A subscriber ws connection fills this textarea<br>
with data it receives from the broker...
<br>
<br>
<textarea id=r readonly cols=40 rows=10></textarea><br>
<br>
... and a publisher ws connection sends the string<br>
in the box below to the broker when you press Send.<br>
<input type="text" id=m cols=40 rows=1>
<button id=b onclick="sendmsg();">Send</button>
</body>
<script>
function get_appropriate_ws_url(extra_url)
{
var pcol;
var u = document.URL;
/*
* We open the websocket encrypted if this page came on an
* https:// url itself, otherwise unencrypted
*/
if (u.substring(0, 5) == "https") {
pcol = "wss://";
u = u.substr(8);
} else {
pcol = "ws://";
if (u.substring(0, 4) == "http")
u = u.substr(7);
}
u = u.split('/');
/* + "/xxx" bit is for IE10 workaround */
return pcol + u[0] + "/" + extra_url;
}
function new_ws(urlpath, protocol)
{
if (typeof MozWebSocket != "undefined")
return new MozWebSocket(urlpath, protocol);
return new WebSocket(urlpath, protocol);
}
subscriber_ws = new_ws(get_appropriate_ws_url(""), "lws-minimal-broker");
try {
subscriber_ws.onopen = function() {
document.getElementById("b").disabled = 0;
}
subscriber_ws.onmessage =function got_packet(msg) {
document.getElementById("r").value =
document.getElementById("r").value + msg.data + "\n";
document.getElementById("r").scrollTop =
document.getElementById("r").scrollHeight;
}
subscriber_ws.onclose = function(){
document.getElementById("b").disabled = 1;
}
} catch(exception) {
alert('<p>Error' + exception);
}
publisher_ws = new_ws(get_appropriate_ws_url("/publisher"), "lws-minimal-broker");
try {
publisher_ws.onopen = function() {
document.getElementById("m").disabled = 0;
}
publisher_ws.onmessage =function got_packet(msg) {
}
publisher_ws.onclose = function(){
document.getElementById("m").disabled = 1;
}
} catch(exception) {
alert('<p>Error' + exception);
}
function sendmsg()
{
publisher_ws.send(document.getElementById("m").value);
document.getElementById("m").value = "";
}
</script>
</html>