Code files

Chapter05/communicating-with-websockets/websocket-app/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "websocket-app",
+  "version": "1.0.0",
+  "description": "",
+  "main": "server.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "node server.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "ws": "^1.1.1"
+  }
+}

Chapter05/communicating-with-websockets/websocket-app/public/index.html

@@ -0,0 +1,31 @@
+<input id="msg"><button id="send">Send</button>
+<div id="output"></div>
+<script>
+(function () {
+  var ws = new WebSocket('ws://localhost:8080')
+  var output = document.getElementById('output')
+  var send = document.getElementById('send')
+
+  function log (event, msg) {
+    return '<div>' + event + ': ' + msg + '</div>';
+  }
+
+  send.addEventListener('click', function () {
+    var msg = document.getElementById('msg').value
+    ws.send(msg)
+    output.innerHTML += log('Sent', msg)
+  })
+
+  ws.onmessage = function (e) {
+    output.innerHTML += log('Received', e.data)
+  }
+
+  ws.onclose = function (e) {
+    output.innerHTML += log('Disconnected', e.code + '-' + e.type)
+  }
+
+  ws.onerror = function (e) {
+    output.innerHTML += log('Error', e.data);
+  }
+}())
+</script>

Chapter05/communicating-with-websockets/websocket-app/server.js

@@ -0,0 +1,22 @@
+'use strict'
+
+const http = require('http')
+const fs = require('fs')
+const ws = require('ws')
+
+const app = fs.readFileSync('public/index.html')
+const server = http.createServer((req, res) => {
+  res.setHeader('Content-Type', 'text/html')
+  res.end(app)
+})
+const wss = new ws.Server({server})
+
+wss.on('connection', (socket) => {
+  socket.on('message', (msg) => {
+    console.log(`Received: ${msg}`)
+    console.log(`From IP: ${socket.upgradeReq.connection.remoteAddress}`)
+    if (msg === 'Hello') socket.send('Websockets!')
+  })
+})
+
+server.listen(8080)