-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.js
43 lines (39 loc) · 1.11 KB
/
index.js
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
const express = require('express');
const app = express();
const expressWS = require('express-ws')(app);
app.get('/', (req, res) => {
res.send(`
<div id="messages">
</div>
<input id="name" placeholder="name" />
<input id="message" placeholder="message" />
<button onclick="sendMessage()">Send</button>
<script>
const socket = new WebSocket('ws:localhost:8000/');
socket.onmessage = data => {
const elem = document.createElement('div');
data = JSON.parse(data.data);
elem.textContent = data.name + ': ' + data.message;
document.querySelector('#messages').appendChild(elem);
};
function sendMessage() {
socket.send(JSON.stringify({
name: document.querySelector('#name').value,
message: document.querySelector('#message').value
}));
}
</script>
`);
});
let sockets = [];
app.ws('/', (ws, req) => {
sockets.push(ws);
ws.on('message', data => {
sockets.forEach(socket => {
socket.send(data);
});
});
});
app.listen(8000, () => {
console.log('Listening on http://localhost:8000');
});