Intel Edison board Eclipse NodeJS Express Control LED var http = require("http"); var express = require("express"); var socketio = require("socket.io"); var mraa = require('mraa'); //require mraa var led = new mraa.Gpio(11); var btn = new mraa.Gpio(8); var client = null; var app = express(); app.use( express.static(__dirname+'/public')); var server = http.createServer(app); var io = socketio(server); led.dir(mraa.DIR_OUT); btn.dir(mraa.DIR_IN); app.get('/cgi/cmd.do', function(req,res) { console.log("cmd!!!"); res.send("<h1>CMD</h1>"); }); io.on('connection',function(socket){ client = socket; socket.on('led', function(data){ console.log(data); if(data.value === "on"){ led.write(1); }else if(data.value === "off") { led.write(0); } }); }); periodicActivity(); var last; function periodicActivity() { var val = btn.read(); //read the digital value of the pin if(last != val) { console.log('btn: ' + val); //write the read value out to the console if(val === 1) { if(client != null) client.emit('up',{}); }else { if(client != null) client.emit('down',{}); } last = val; } setTimeout(periodicActivity,300); //call the indicated function after 1 second (1000 milliseconds) } server.listen(9090,function() { console.log("server running on 9090 ..."); console.log("with Express"); }); //port:9090 ! periodicActivity(); //call the periodicActivity function <!Doctype html> <html> <head> <style rel="stylesheet" type="text/css"> .btn{ background-image : url('button.jpg'); width:160px; height:157px; } .btn-unpressed{ background-image : url('button.jpg'); background-position : 0 0; width:160px; height:157px; } .btn-pressed { background-image : url('button.jpg'); background-position : 160px 0; width:160px; height:157px; } </style> <script type="text/javascript" src="/socket.io/socket.io.js"></script> <script type= "text/javascript"> window.onload = function() { var socket = io.connect(); var btn = document.querySelector('#btn'); var div = document.querySelector('#div'); var led_on = document.querySelector('#led_on'); var led_off = document.querySelector('#led_off'); socket.on('down', function(data){ console.log(data); div.className = "btn btn-pressed"; socket.emit('led',{value:'on'}); <!-- emit 서버로 전송 --> }); socket.on('up', function(data){ console.log(data); div.className = "btn btn-unpressed"; socket.emit('led',{value:'off'}); }); led_on.onclick = function() { socket.emit('led',{value:'on'}); <!-- emit 서버로 전송 --> } led_off.onclick = function() { socket.emit('led',{value:'off'}); } btn.onmousedown = function() { console.log("down"); div.className = "btn btn-pressed"; } btn.onmouseup = function() { console.log("up"); div.className = "btn btn-unpressed"; } } </script> </head> <body> <h1>Welcome Express Server </h1> <p> THis is index page </p> <button id="btn">btn</button> <input type="radio" name="led" id="led_on"/><label for="led_on">On</label> <input type="radio" name="led" id="led_off"/><label for="led_off">Off</label> <div id="div" class="btn btn-unpressed"></div> </body> </html> 라디오 버튼이 On으로 선택되면 LED가 켜지고, off로 선택되면 LED가 꺼진다. 버튼을 누르면 이미지 버튼이 눌렸다 떨어졌다 하게 되며, 보드에서 스위치를 누르면 웹 상의 이미지 또한 눌렸다 변경된다.express.js 소스코드 수정
index.html 소스코드 수정
'사물인터넷' 카테고리의 다른 글
| ARTIK 프로젝트 - 스마트 휴봇 인공지능 대화체 (1) | 2018.05.14 |
|---|---|
| ARTIK 프로젝트 - 스마트 미러 (0) | 2018.05.14 |
| Intel Edison board Eclipse NodeJS Express (0) | 2016.03.08 |
| Intel Edison board Eclipse NodeJS edison-IO 프로젝트 (0) | 2016.03.08 |
| Intel Edison board Eclipse NodeJS Webserver 프로젝트 (0) | 2016.03.08 |
