jgerstbe/yaswvc
1
0
Fork 0
mirror of https://api.glitch.com/git/yaswvc synced 2026-01-12 03:18:10 +00:00
Code Issues Releases Wiki Activity

👩🌊 Checkpoint

Browse source 
./server.js:3115263/17
./views/index.html:3115263/224
./public/main.js:3115263/1477
This commit is contained in:
Glitch (hello-express) 2020-05-25 18:33:24 +00:00
parent 67e55fbd02
commit 572986ece0
3 changed files with 42 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
public/main.js
View file

@ -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;

1
server.js
View file

@ -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'

9
views/index.html
View file

@ -14,6 +14,7 @@
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css">
<!-- import libraries -->
<script src="/lib/peerjs.js"></script>
<!-- import the webpage's client-side javascript file -->
@ -21,6 +22,14 @@
</head>
<body>
<input type="text" id="connect-to-peer" />
<button onclick="connectToPeer()">
Connect
</button>
<div class="messages">
</div>
<footer>Made with <a href="https://glitch.com">Glitch</a>!</footer>