blob: f70dc218355698b688e924e9aa462cbad5c5b926 (
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
(function () {
const messages = document.querySelector('#messages');
const wsButton = document.querySelector('#wsButton');
const wsSendButton = document.querySelector('#wsSendButton');
const logout = document.querySelector('#logout');
const login = document.querySelector('#login');
function showMessage(message) {
messages.textContent += `\n${message}`;
messages.scrollTop = messages.scrollHeight;
}
function handleResponse(response) {
return response.ok
? response.json().then((data) => JSON.stringify(data, null, 2))
: Promise.reject(new Error('Unexpected response'));
}
login.onclick = function () {
fetch('/login', { method: 'POST', credentials: 'same-origin' })
.then(handleResponse)
.then(showMessage)
.catch(function (err) {
showMessage(err.message);
});
};
logout.onclick = function () {
fetch('/logout', { method: 'DELETE', credentials: 'same-origin' })
.then(handleResponse)
.then(showMessage)
.catch(function (err) {
showMessage(err.message);
});
};
let ws;
wsButton.onclick = function () {
if (ws) {
ws.onerror = ws.onopen = ws.onclose = null;
ws.close();
}
ws = new WebSocket(`ws://${location.host}`);
ws.onerror = function () {
showMessage('WebSocket error');
};
ws.onopen = function () {
showMessage('WebSocket connection established');
};
ws.onclose = function () {
showMessage('WebSocket connection closed');
ws = null;
};
};
wsSendButton.onclick = function () {
if (!ws) {
showMessage('No WebSocket connection');
return;
}
ws.send('Hello World!');
showMessage('Sent "Hello World!"');
};
})();
|
