Question

首先请关注我，这是我第一次使用这个。我能够编写一个简单的python代码，可以将信息发送到arduino并控制其伺服：

def main(inp):
    import serial
    ser = serial.Serial("/dev/cu.usbmodemfa131")  # open arduino serial port
    ser.write(inp)      # write a string
    ser.close()             # close port

我能够创建一个带有数字滑块的html / javascript文件，我可以在计算机上使用node.js打开它。我的第一个想法是每次用户改变滑块上的数字时都会调用这个python脚本，因此arduino的伺服移动相应，但这在javascript中似乎很难做到。如何让网站上的用户输入写入arduino的串口？

这是html文件，滑块是使用jquery制作的。

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Slider Demo</title>
  <link rel="stylesheet" href="jquery-ui.min.css">
  <style>#slider { margin: 50px; }  </style>
  <script src="external/jquery/jquery.js"></script>
  <script src="jquery-ui.min.js"></script>  
</head>
<body>

<div class="center" id="slider"></div>
<center>
<div id="slider-result">90</div>   
</center>
<input type="hidden" id="hidden"/>
<script>

$( "#slider" ).slider({
                animate: true,
                range: "min",
                value: 90,
                min: 0,
                max: 180,
                step: 1,
})

                //this gets a live reading of the value and prints it on the page
                slide: function( event, ui ) {
                    $( "#slider-result" ).html( ui.value );
                },

                //this updates the hidden form field so we can submit the data using a form
                change: function(event, ui) { 
                $('#hidden').attr('value', ui.value);
                }

                });
</script>

</body>
</html>

Answer 1

从浏览器很难访问pc资源（比如访问打印机），你可以做一个服务器来监听从浏览器发送的请求并根据请求制作一些东西，在你的情况下你可以发送一个XmlHttpRequest POST到'/ action '使用jquery将数字输入作为参数，并在节点服务器中调用该行为（app.post（'/ action'，function（）..）），然后在函数内部，从post请求中获取参数并调用您的python脚本（或使用node serial port来控制arduino）。这是一个普遍的想法，但我希望可以帮助你。

使用本地网页/ node.js控制Arduino

1 个答案: