无法通过单个html文件和johnny五来控制LED

时间:2017-03-16 10:30:56

标签: html node.js arduino johnny-five

我是这个新手。我找到了一些代码来控制由单个html文件引导的Arduino。他们说我们必须使用johnny-five和node-js协议来控制它。但我发现这样的问题,我成功连接到Arduino并打开localhost。但是,我刚发现了几个按钮,控制LED是没用的。我试着解决它并没有发生任何事情。

这是我的源代码 The code

<html>
   <head>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
      <script src="/socket.io/socket.io.js"></script>
      <script>
         $(document).ready(function() {
           var socket = io.connect('http://localhost');
           $('#button').click(function(e){
             socket.emit('click');
             e.preventDefault();
           });
         });  
      </script>
   </head>
   <body>
      <button id="button" href="#">LED ON/OFF</button>
   </body>
</html>

var app = require('http').createServer(handler),
    io = require('socket.io').listen(app),
    fs = require('fs'),
    five = require('johnny-five');

app.listen(8080);

function handler(req, res) {
    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);
        });
}

board = new five.Board();

board.on("ready", function() {
    led = new five.Led(13);

    io.sockets.on('connection', function(socket) {
        socket.on('click', function() {
            led.toggle();
        });
    });
});

1 个答案:

答案 0 :(得分:0)

您在端口&#39; 8080&#39;上运行服务器但是你在默认端口(80)上连接到socket.io.我相信这可能是问题所在。尝试将html中的行更改为:

      var socket = io.connect('http://localhost:8080');

此外,如果您的浏览器控制台中有任何错误,则显示此消息会很有帮助。