mirror of
https://github.com/warmcat/libwebsockets.git
synced 2025-03-23 00:00:06 +01:00
102 lines
2.2 KiB
HTML
102 lines
2.2 KiB
HTML
<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>
|
|
|