通过Websocket将Raspberry PI中的数据获取到Web页中？

Question

我是Web开发的新手，我想创建用于远程控制Raspberry PI的网页。 在覆盆子上，我连接了几个传感器，可以通过在192.168.1.100:9997上发送请求来获取数据。 有一些用Python编写的代码。 例如，如果我尝试通过Putty获取数据，一切都会正常。 现在，我想建立TCP连接以通过我的网页读取数据。 我搜索了几天，发现可以通过创建Websockets来实现。 有很多工具，我发现最多描述的是Node.js。 据我了解，Node.js可以创建Websocket，它还可以为网页提供服务（例如代替Appache）吗？

例如，我运行此Websocket服务器只是为了从“ server.js”中的RPi读取数据。 现在我不知道如何将这些数据从“ server.js”导入到我的.html文件中？ 我没有找到任何非常基本的示例。 我可以通过数据库获取数据，但这不是我想要的。 我也想将请求从我的网页发送到Rpi，然后阅读答案。

希望你能理解我的问题。 如果您能在一些好的例子中指出我或告诉我必须怎么做，我将非常高兴。 我想用Javasrcipt做到这一点。

先感谢您。

编辑：我现在有使用Node.js的示例，但是我不知道如何将其实现到我的Web页面中，用户可以从.html触发这部分代码，并在.html Web页面中显示已回答的数据。 我希望这有帮助。

var client = new net.Socket();
client.connect(9997, '192.168.1.100', function() {
    console.log('Connected');
    //sending request
    //THIS SHOULD BE TRIGGERED FROM HTML onclick for example
    client.write('$DATA');
});

client.on('data', function(data) {
    console.log('Received: ' + data);
    //THIS DATA SHOULD BE SHOWN IN HTML for example
    //client.destroy(); // kill client after server's response
});

client.on('close', function() {
    console.log('Connection closed');
});

Answer 1

为了使数据从Pi进入Web页面，请看一些使用WAMP（在WebSocket之上运行的开放协议）和Crossbar.io（用于WAMP的开源路由器）执行此操作的示例-http：// crossbar .io / iotcookbook / Raspberry-Pi /

完全公开：我正在研究这些项目-但它们是开源的，非常适合OP要做的事情。