blob: 13ae3639aac820892c6fd2eab0139c93fd867e8b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>WebSocket Test</title>
</head>
<body>
<h2>WebSocket Test</h2>
<div id="output"></div>
<script type="text/javascript">
var output = document.getElementById("output");
function println(message) {
const p = document.createElement("p");
p.innerHTML = message;
output.appendChild(p);
}
// Websocket echo server, provided from https://www.websocket.org/echo.html
var targetUrl = "wss://echo.websocket.events";
var messageContent = "Hello friends :^)";
println('<span style="color: blue;">Connecting to:</span> ' + targetUrl);
websocket = new WebSocket(targetUrl);
websocket.onopen = function () {
println('<span style="color: green;">Connected to:</span> ' + targetUrl);
println('<span style="color: blue;">Sending Message:</span> ' + messageContent);
websocket.send(messageContent);
};
websocket.onmessage = function (event) {
println('<span style="color: green;">Received Response:</span> ' + event.data);
println('<span style="color: blue;">Closing connection...</span> ');
websocket.close();
};
websocket.onerror = function (evt) {
println('<span style="color: red;">ERROR:</span> ' + evt.data);
};
websocket.onclose = function () {
println('<span style="color: green;">Connection closed!</span>');
};
</script>
</body>
</html>
|
