javascript - 通过python在网络浏览器上显示arduino串口数据

Question

我正在寻找从网络浏览器显示的 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)。我应该如何解决这个问题？谢谢!

Answer 1

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