From 572986ece0179785e9acf4b1f99cf5da99ab343c Mon Sep 17 00:00:00 2001 From: "Glitch (hello-express)" Date: Mon, 25 May 2020 18:33:24 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=91=A9=F0=9F=8C=8A=20Checkpoint=20./serve?= =?UTF-8?q?r.js:3115263/17=20./views/index.html:3115263/224=20./public/mai?= =?UTF-8?q?n.js:3115263/1477?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/main.js | 34 ++++++++++++++++++++++++++++++++-- server.js | 1 + views/index.html | 9 +++++++++ 3 files changed, 42 insertions(+), 2 deletions(-) diff --git a/public/main.js b/public/main.js index a006f74..d77b9c2 100644 --- a/public/main.js +++ b/public/main.js @@ -1,16 +1,46 @@ // client-side js, loaded by index.html // run by the browser each time the page is loaded +let messagesEl = document.querySelector('.messages'); +let peerIdEl = document.querySelector('#connect-to-peer'); + +let logMessage = (message) => { + let newMessage = document.createElement('div'); + newMessage.innerText = message; + messagesEl.appendChild(newMessage); +}; + let peer = new Peer({ host: '/', path: '/peerjs/myapp' }); peer.on('open', (id) => { - console.log('My peer ID is: ' + id); + logMessage('My peer ID is: ' + id); }); peer.on('error', (error) => { console.error(error); }); +peer.on('connection', (conn) => { + logMessage('incoming peer connection!'); + conn.on('data', (data) => { + logMessage(`received: ${data}`); + }); + conn.on('open', () => { + conn.send('hello!'); + }); +}); -console.log("hello world :o"); +let connectToPeer = () => { + let peerId = peerIdEl.value; + logMessage(`Connecting to ${peerId}...`); + + let conn = peer.connect(peerId); + conn.on('data', (data) => { + logMessage(`received: ${data}`); + }); + conn.on('open', () => { + conn.send('hi!'); + }); +}; +window.connectToPeer = connectToPeer; \ No newline at end of file diff --git a/server.js b/server.js index 2dbb4f9..e25151a 100644 --- a/server.js +++ b/server.js @@ -21,6 +21,7 @@ const listener = app.listen(process.env.PORT, () => { console.log("Your app is listening on port " + listener.address().port); }); +// peerjs server const peerServer = ExpressPeerServer(listener, { debug: true, path: '/myapp' diff --git a/views/index.html b/views/index.html index 55a0cbb..04729a8 100644 --- a/views/index.html +++ b/views/index.html @@ -14,6 +14,7 @@ + @@ -21,6 +22,14 @@ + + + +
+ +