通过 python 在网络浏览器上显示 arduino 串行数据答案

【问题标题】：Display arduino serial data on a web browser via python通过 python 在网络浏览器上显示 arduino 串行数据
【发布时间】：2016-08-05 19:03:52
【问题描述】：

我正在寻找从网络浏览器显示的 Arduino 的串行数据。

首先，我使用python中的bottle以json格式将数据放在本地主机上

from bottle import route, run
import serial

dic = {}
ser = serial.Serial(port='COM6',baudrate=9600,timeout=None)

@route('/test')
def test():
    c = ser.readline()
    c = (str(c)[2:-5]) #just to get rid of the extra characters
    dic["val"] = c
    return(dic)

run(host='localhost', port=8080, debug=True)

然后我继续使用 javascript 阅读它

function getArduinoVals(){
    $.getJSON("http://localhost:8080/test", function(data){
        $('#vals').html(data.val);
    });
    t = setTimeout("getArduinoVals()",50);
    });
}
getArduinoVals();

但是，它似乎没有从本地主机加载（我测试了其他 URL）。我应该如何解决这个问题？谢谢！

【问题讨论】：

您是否首先通过输出一些示例文本（例如“Hello World”）对其进行了测试，以确保您的服务器正常工作并且您拥有正确的 URL？我会在测试串口之前这样做......
是的，我事先测试了各种文本，一切正常。串口数据确实被打印了，但我想要一致的更新，我认为这可以通过 js 完成

标签： javascript python arduino serial-port

【解决方案1】：

您可以使用 p5.js 的 p5.serialport 在 Web 浏览器上获取串行数据。但是你必须在后面运行节点服务器。 https://github.com/vanevery/p5.serialport 您应该查看 github 存储库以开始使用 p5.serialport。 p5.js 与 arduino 代码风格非常相似，因此比 python 更简单方便。

【讨论】：