closes hrr16-velociraptors#22

steveprograms · Jun 11, 2016 · 9b1782d · 9b1782d
1 parent 06c9e80
commit 9b1782d
Show file tree

Hide file tree

Showing 3 changed files with 76 additions and 0 deletions.
diff --git a/build/index.html b/build/index.html
@@ -15,6 +15,10 @@
       $('#m').val('');
       return false;
     });
+
+    socket.on('chat message', function(msg){
+    $('#messages').append($('<li>').text(msg));
+  });
     // socket.on('connect', function(data) {
     //     socket.emit('join', 'Hello World from client');
     //     console.log("connected")

diff --git a/build/index_chat.html b/build/index_chat.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Socket.IO chat</title>
+    <style>
+      * { margin: 0; padding: 0; box-sizing: border-box; }
+      body { font: 13px Helvetica, Arial; }
+      form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
+      form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
+      form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
+      #messages { list-style-type: none; margin: 0; padding: 0; }
+      #messages li { padding: 5px 10px; }
+      #messages li:nth-child(odd) { background: #eee; }
+    </style>
+
+    <script src="/socket.io/socket.io.js"></script>
+    <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
+    <script>
+    var socket = io();
+    $('form').submit(function(e){
+
+      socket.emit('chat message', $('#m').val());
+      $('#m').val('');
+e.preventDefault();
+
+    });
+    </script>
+  </head>
+  <body>
+    <ul id="messages"></ul>
+    <form action="" >
+      <input id="m" autocomplete="off" /><button>Send</button>
+    </form>
+  </body>
+</html>
diff --git a/server/app_chat.js b/server/app_chat.js
@@ -0,0 +1,37 @@
+var express = require('express');
+var path = require('path');
+var morgan = require('morgan');
+
+
+
+var app = express();
+app.use(morgan('dev'));
+//app.use(express.static(path.resolve(__dirname, '../build')))
+//app.use('/', express.static(path.resolve(__dirname, '../build/index_chat.html')));
+app.use('/', function(req, res){
+  res.sendFile(path.resolve(__dirname, '../build/index_chat.html'))
+});
+
+
+var http = require('http').Server(app);
+//var io = require('socket.io')(http);
+var port = process.env.PORT || 3000;
+
+
+var server = app.listen(port, function(){
+  console.log(`server is now listening on port ${port}`);
+});
+
+var io = require('socket.io').listen(server);
+io.on('connection', function(socket){
+  console.log('a user connected');
+  socket.on('disconnect', function(){
+    console.log('user disconnected')
+  })
+  socket.on('chat message',function(msg){
+    console.log('message: '+msg);
+    io.emit('chat message', msg);
+  });
+});
+
+