Added HTML and Node.js files

codeadamca · codeadamca · commit 0a700fff7397 · 2020-09-17T23:06:16.000-04:00
diff --git a/app.js b/app.js
@@ -0,0 +1,43 @@
+var http = require('http');
+var fs = require('fs');
+var index = fs.readFileSync( 'index.html');
+
+var SerialPort = require('serialport');
+const parsers = SerialPort.parsers;
+
+const parser = new parsers.Readline({
+    delimiter: '\r\n'
+});
+
+var port = new SerialPort('/dev/tty.usbmodem1421',{ 
+    baudRate: 9600,
+    dataBits: 8,
+    parity: 'none',
+    stopBits: 1,
+    flowControl: false
+});
+
+port.pipe(parser);
+
+var app = http.createServer(function(req, res) {
+    res.writeHead(200, {'Content-Type': 'text/html'});
+    res.end(index);
+});
+
+var io = require('socket.io').listen(app);
+
+io.on('connection', function(socket) {
+    
+    console.log('Node is listening to port');
+    
+});
+
+parser.on('data', function(data) {
+    
+    console.log('Received data from port: ' + data);
+    
+    io.emit('data', data);
+    
+});
+
+app.listen(3000);
diff --git a/index.html b/index.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html>
+    <head>
+        
+        <script src='https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js'></script>
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
+        <script>
+            
+        $(document).ready(function(){
+            
+            var socket = io();
+
+            socket.on('data', function(data) {
+                
+                console.log(data);
+                
+                $('#sample').css('opacity',data/100); 
+                
+            });
+            
+        });
+        
+        </script>
+        
+        <style>
+        
+            #sample {
+                background-color: red;
+                width: 300px;
+                height: 300px;
+            }
+        
+        </style>
+        
+    </head>
+    <body>
+        
+        <div id="sample"></div>
+        
+    </body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,9 @@
+{
+    "name": "basic-socket",
+    "version": "0.0.1",
+    "description": "Sample communication from an HTML document to a NodeJS using socket.io.",
+    "dependencies": {
+        "socket.io": "^2.0.4",
+        "serialport": "^6.0.5"
+    }
+}
