Simple node.js app to subscribe to an MQTT channel and display the value via Socket.io

stevetrease · stevetrease · commit 1b53a023a97b · 2013-05-02T17:44:52.000+01:00
diff --git a/mqtt/app.js b/mqtt/app.js
@@ -0,0 +1,44 @@
+var app = require('http').createServer(handler),
+   io = require('socket.io').listen(app),
+  fs = require('fs')
+
+
+
+
+
+
+app.listen(8500);
+
+
+function handler (req, res) {
+	console.log('Connection from %j', req.connection.remoteAddress);
+	fs.readFile(__dirname + '/index.html',
+  		function (err, data) {
+    		if (err) {
+      			res.writeHead(500);
+      			return res.end('Error loading index.html');
+    		}
+    		res.writeHead(200);
+    		res.end(data);
+  	});
+}
+
+
+io.sockets.on('connection', function (socket) {
+
+	var mqtt = require('mqtt');
+	var client = mqtt.createClient(1883, 'localhost', function(err, client) {
+  		keepalive: 10000
+	});
+
+	client.on('connect', function() {
+  		client.subscribe('sensors/power/0');
+
+	  	client.on('message', function(topic, message) {
+    			console.log('topic: ' + topic + ' payload: ' + message);
+  			socket.emit('data', { channel: 0, value: message });
+  		});
+	});
+
+});
+
diff --git a/mqtt/index.html b/mqtt/index.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<title>
+Power used today
+</title>
+</head>
+<body style="font-family:Verdana;">
+
+<div id=power></div>
+
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+<script src="http://www.trease.eu:8500/socket.io/socket.io.js"></script>
+<script>
+	var socket = io.connect("http://192.168.1.103:8500");
+	socket.on('data', function(data){ 
+       		console.log("channel : %s, value : %s", data.channel, data.value);
+		document.getElementById("power").innerHTML= data.value;
+	});
+</script>
+</body>
+</html>
