如何创建简单的节点红色网页以显示来自我的设备的 "HTTP In" 节点数据
How to create simple Node Red Web Page to display "HTTP In" node data from my device
我可以使用 HTTP Post 成功地将我的 JSON 格式的传感器数据从我的 Arduino Uno/AdaFruit CC3000 Wifi Shield 推送到 Bluemix 并使用"HTTP In" 和 "Debug node"。完美运行! (不得不使用 HTTP Post,因为我在 Arduino Uno 上的内存不足,而 HTTP POST 是移动数据的最简单方法。)
我的问题:在红色节点内,如何获取该 "HTTP In" 节点的输出并将其放在由 Bluemix 提供的网页上,该网页显示每五分钟推出的最后五组传感器数据。网页访问者不应手动刷新网页。
有很多方法可以做到这一点,具体取决于您希望如何存储传感器读数的历史记录或将基本 html 文件服务器化。我将概述仅将值保存在内存中的想法。
基本上最简单的方法是启用静态文件服务(请参阅 Node-RED 文档 here)并提供一个基本的 html 文件,其中包含一些 javascript 可以连接到网络套接字。
您的原始 http-in (POST) 然后应该连接到一个函数节点,它将值推送到全局上下文,然后是一个 http-out 以正确关闭 POST .然后,您希望将此流程分支到网页中 javascript 可以连接到的 websocket-out(侦听)节点,以便实时将最新值推送到页面中。
然后静态页面可以使用另一个带有另一个功能节点(或模板节点)的 http-in(GET) 节点来从与对应的 http-out 节点排列的上下文中读取先前的值。
这应该足以让您寻找正确的方向
我可以使用 HTTP Post 成功地将我的 JSON 格式的传感器数据从我的 Arduino Uno/AdaFruit CC3000 Wifi Shield 推送到 Bluemix 并使用"HTTP In" 和 "Debug node"。完美运行! (不得不使用 HTTP Post,因为我在 Arduino Uno 上的内存不足,而 HTTP POST 是移动数据的最简单方法。)
我的问题:在红色节点内,如何获取该 "HTTP In" 节点的输出并将其放在由 Bluemix 提供的网页上,该网页显示每五分钟推出的最后五组传感器数据。网页访问者不应手动刷新网页。
有很多方法可以做到这一点,具体取决于您希望如何存储传感器读数的历史记录或将基本 html 文件服务器化。我将概述仅将值保存在内存中的想法。
基本上最简单的方法是启用静态文件服务(请参阅 Node-RED 文档 here)并提供一个基本的 html 文件,其中包含一些 javascript 可以连接到网络套接字。
您的原始 http-in (POST) 然后应该连接到一个函数节点,它将值推送到全局上下文,然后是一个 http-out 以正确关闭 POST .然后,您希望将此流程分支到网页中 javascript 可以连接到的 websocket-out(侦听)节点,以便实时将最新值推送到页面中。
然后静态页面可以使用另一个带有另一个功能节点(或模板节点)的 http-in(GET) 节点来从与对应的 http-out 节点排列的上下文中读取先前的值。
这应该足以让您寻找正确的方向