mirror of
https://github.com/warmcat/libwebsockets.git
synced 2025-03-16 00:00:07 +01:00
87 lines
1.9 KiB
HTML
87 lines
1.9 KiB
HTML
|
<meta charset="UTF-8">
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<img src="libwebsockets.org-logo.png"><br>
|
||
|
|
|
||
|
|
LWS chat <b>minimal ws server example</b>.<br>
|
||
|
|
Chat is sent to all browsers open on this page.<br>
|
||
|
|
<br>
|
||
|
|
<span id=status>Ws closed</span><br>
|
||
|
|
<br>
|
||
|
|
<textarea id=r readonly cols=40 rows=10></textarea><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);
|
||
|
|
}
|
||
|
|
|
||
|
|
ws = new_ws(get_appropriate_ws_url(""), "lws-minimal");
|
||
|
|
try {
|
||
|
|
ws.onopen = function() {
|
||
|
|
document.getElementById("m").disabled = 0;
|
||
|
|
document.getElementById("b").disabled = 0;
|
||
|
|
document.getElementById("status").textContent = "ws open "+ ws.extensions;
|
||
|
|
}
|
||
|
|
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
ws.onclose = function(){
|
||
|
|
document.getElementById("m").disabled = 1;
|
||
|
|
document.getElementById("b").disabled = 1;
|
||
|
|
document.getElementById("status").textContent = "ws closed";
|
||
|
|
}
|
||
|
|
} catch(exception) {
|
||
|
|
alert('<p>Error' + exception);
|
||
|
|
}
|
||
|
|
|
||
|
|
function sendmsg()
|
||
|
|
{
|
||
|
|
ws.send(document.getElementById("m").value);
|
||
|
|
document.getElementById("m").value = "";
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|
||
|
|
|