I want to pass data from my arduino to an HTML page by using node.js but I always get errors. The latest version shows error: Server is not a constructor .
code from app.js file:
<code>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: "rn",
});
var port = new SerialPort("COM3", {
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);
});
const Server = require('socket.io');
const io = new Server('COM3');
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);
</code>
<code>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: "rn",
});
var port = new SerialPort("COM3", {
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);
});
const Server = require('socket.io');
const io = new Server('COM3');
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);
</code>
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: "rn",
});
var port = new SerialPort("COM3", {
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);
});
const Server = require('socket.io');
const io = new Server('COM3');
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);
code from index.html file:
<code><!doctype html>
<html>
<head>
<title>Test</title>
<script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>
</head>
<body>
<h1> Communicating between an arduino and a html website</h1>
<div id='sample'></div>
<script>
var socket = io();
socket.on('data',function(data){
console.log(data);
document.getElementById('sample').innerHTML = data;
});
</script>
</body>
</html>
</code>
<code><!doctype html>
<html>
<head>
<title>Test</title>
<script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>
</head>
<body>
<h1> Communicating between an arduino and a html website</h1>
<div id='sample'></div>
<script>
var socket = io();
socket.on('data',function(data){
console.log(data);
document.getElementById('sample').innerHTML = data;
});
</script>
</body>
</html>
</code>
<!doctype html>
<html>
<head>
<title>Test</title>
<script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>
</head>
<body>
<h1> Communicating between an arduino and a html website</h1>
<div id='sample'></div>
<script>
var socket = io();
socket.on('data',function(data){
console.log(data);
document.getElementById('sample').innerHTML = data;
});
</script>
</body>
</html>
Just say if you’re missing any information. I’m quite new to this and am not very sure about the whole server thing.
Thanks 🙂
New contributor
august2109 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.