首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Node-RED | 无需一行代码,快速浏览器中构建你的可视化 IoT Web App

这是一段来自IBM官方的演示视频: 基于浏览器的流程编辑器 Node-RED提供了一个基于浏览器的编辑器可以轻松地使用工具箱中的各种节点将流连接在一起,只需单击即可将其部署,非常方便。 ?...云端运行 本地运行 Node-RED的另一个优势在于,Node的软件包存储库中有225000个模块,可以轻松扩展面板节点的范围以添加新功能。...协同开发 Node-RED中创建的流使用JSON数据存储,可以轻松导入导出,多人协作起来非常方便。 ? 2....安装Node-RED Node-RED本地PC上有两种安装方法: ① 先安装Node.js环境,再使用npm安装Node-RED(Windows推荐使用); ② 先安装Docker环境,再使用Docker...参考我的另一篇教程,Linux服务器安装Docker:Docker-ce最新版Ubuntu18.04的安装、更新、卸载方法(存储库方式)。

5.4K20

Node-RED, 一款基于流的低代码编程工具

笔者最近在逛github社区的时候发现一个非常有意思的工具—— Node-RED, 官网非常简洁, 接下来我就来给大家介绍一下该工具使用方法....它提供了一个基于浏览器的编辑器,使得我们可以轻松地使用编辑面板中的各种节点将流连接在一起,只需单击即可将其部署到其运行时。...界面如下: 基于浏览器的流程编辑 Node-RED 可以本地安装, 并通过浏览器来访问其可视化编排界面, 其次我们还可以使用富文本编辑器编辑器中创建JavaScript函数, 内置库还允许我们保存有用的功能...,模板流程以供重复使用。...Node的软件包存储库中有超过225,000个模块,可以轻松扩展面板节点的范围以添加新功能。 社区共享 Node-RED中创建的流使用JSON存储,可以轻松导入导出以与他人共享。

1.8K40
您找到你想要的搜索结果了吗?
是的
没有找到

Node-RED 物联网应用开发的十大特性有哪些?

下面列举Node-RED的十大特性: 1.可视化编程 Node-RED提供了一个基于浏览器的流程编辑器,不仅可以非常方便地将面板丰富的节点组装成流程,而且可以通过一键部署功能,将其安装到运行环境中。...利用其中的富文本编辑器可以创建JavaScript函数。预置的代码库可用于保存有用的函数模板可复用的流程。 也就是说,使用Node-RED不需要安装其他任何软件,直接通过浏览器就可以使用。...不同的硬件运行Node-RED保持了操作的一致性,使用方式没有变化,可以方便地成形项目化产品化的能力。...第 3 章通过创建两个简单的流程,让读者快速体验 Node-RED 的使用方法,最后介绍了流程备份导出的方法。...第 4 章介绍 Node-RED 流程编辑器的使用方式,包括如何在图形编辑器建立流程、节点、连线、子流程,以及如何使用环境变量等。

9600

如何在Ubuntu搭建MQTT服务器

您需要创建一个新的终端,创建方法很简单,重新打开一个新的终端页面,重新登录服务器即可。...这将作为一个强大和安全的消息传递平台,无论你梦想什么项目。与MQTT协议很好地工作的一些流行的软件硬件包括: OwnTracks一个开源的地理跟踪应用程序,你可以安装在你的手机上。...OwnTracks将定期向您的MQTT服务器报告位置信息,然后您可以将其存储并显示地图上,或者根据您的位置创建警报激活物联网硬件。 Node-RED是一个基于浏览器的图形界面,用于“连接”物联网。...您可以将一个节点的输出拖到另一个节点的输入中,并可以通过筛选器、不同协议之间的信息路由到数据库,等等。MQTT得到了Node-red的很好的支持....外面有更多的硬件软件来表达协议。如果您已经有了最喜欢的硬件平台软件语言,那么它可能具有MQTT功能。

13K12

物联网开源组件安全:Node-RED白盒审计

2.2 http接口 Node-RED中存在3类http接口: 原生http接口 内置节点注册的http接口 第三方节点注册的http接口 一节描述了Node-RED的接口鉴权机制,原生http接口未鉴权的较少...结合上述信息,我们认为主要存在两类风险: 1) 遗漏不正确地使用内置过滤函数sanitize产生DOM XSS。...到这里还可以发现,i18next内部是通过path来实现存取bundle的,所以可以仔细看setPathgetPath两个函数。...3.2.3 小结 综上,Node-JS提供能小至函数级的依赖,给开发者以便利的同时,也面临着大量底层库误用漏洞导致的问题,这点值得警惕。...当我们发现 a 变量是可疑的时候,我们可以找到 a 变量相关语句,然后再在CFG寻找先后关系。因为是单函数分析,所以并没有太大开销问题。 第二个问题比较麻烦,也是可能导致漏报的点。

2.4K30

Cocos论坛九问九答

需要使用的地方使用requre引入 方案2:将三方库放入assets,选中js代码文件,属性编辑器勾选“导入为插件”,大多三方库导入的模块为全局变量,类似你index.html中导入 方案3:...答:spawn是nodejs的执行外部命令的函数(创建子进程),我猜想有可能是环境变量问题,运行外部程序失败了。 给你两个方案: 你尝试下可以正常编译、预览游戏?...如果可以,只是编辑器启动时报这个错,暂时不理会它。 换用1.6的版本试试,是否也有这个问题。 还有就是打开Creator的开发者工具: ? ?...给你两个种方法: 你可以用targetOff,但会把所有事件给关了 将事件函数变成成员函数函数 { //定义一个事件函数 _eventFunc() { ... } /...答:Label处于SHRINK模式,Label的字体大小受node的Size约束,改变Size大小后就可以调整FontSize了 ? 12. NODE节点sprite组件sprite节点关系?

1.6K30

物联网入门:搭建MQTT服务器

您需要创建一个新的终端,创建方法很简单,重新打开一个新的终端页面,重新登录服务器即可。...第五步-WebSocket配置MQTT(可选) 为了Web浏览器中使用JavaScript来使用MQTT,该协议被调整标准WebSocket上工作。如果不需要此功能,则可以跳过此步骤。...这将作为一个强大和安全的消息传递平台,无论你梦想什么项目。与MQTT协议很好地工作的一些流行的软件硬件包括: OwnTracks一个开源的地理跟踪应用程序,你可以安装在你的手机上。...OwnTracks将定期向您的MQTT服务器报告位置信息,然后您可以将其存储并显示地图上,或者根据您的位置创建警报激活物联网硬件。 Node-RED是一个基于浏览器的图形界面,用于“连接”物联网。...您可以将一个节点的输出拖到另一个节点的输入中,并可以通过筛选器、不同协议之间的信息路由到数据库,等等。MQTT得到了Node-red的很好的支持.

30.6K135

如何在CentOS安装Mosquitto服务器

您需要创建一个新的终端,创建方法很简单,重新打开一个新的终端页面,重新登录服务器即可。...重新启动Mosquitto以加载新配置之前,我们需要安装一个mosquitto服务文件。systemd这个文件用于确定如何运行mosquitto。在你最喜欢的编辑器打开它。...OwnTracks将定期向您的MQTT服务器报告位置信息,然后您可以将其存储并显示地图上,或者根据您的位置创建警报激活物联网硬件。 Node-RED是一个基于浏览器的图形界面,用于“连接”物联网。...您可以将一个节点的输出拖到另一个节点的输入中,并可以通过筛选器、不同协议之间的信息路由到数据库,等等。MQTT得到了Node-red的很好的支持....外面有更多的硬件软件来表达协议。如果您已经有了最喜欢的硬件平台软件语言,那么它可能具有MQTT功能。让你们的“东西”互相交谈。

12.3K11

精读《低代码逻辑编排》

所有节点都可能有左右连接点,左连接点是输入,右连接点是输出,特殊节点可能有多个输入多个输出,其实对应代码也不难理解,就是入参出参。 下面依次介绍每个节点的功能。...,看起来十分方便: link out link in 成对出现,用来导出输入值,后面对接 link out 可以像传送门一样将值传送过去,视觉不会形成连接线。...当然也可以访问修改节点、流程、全局变量,这个 change 节点里介绍。...环境变量分为三种,分别是当前节点、流程(画布)、全局(跨应用)。也就是说,变量可以存储某个节点,也可以存储整个画布,也可以跨画布存储全局。 访问参数分别为 msg.、flow....然而 node-red 创建前端 UI 的模版可以再增强一下,把 template 从节点升级为 UI 搭建画布,逻辑编排仅用来处理逻辑,这样对大型全栈项目的前端开发体验会更好。

1.4K40

eKuiper 1.8.0 发布:零代码实现图像视频流的实时 AI 推理

eKuiper 的规则引擎允许用户提供基于 SQL 基于图形(类似于 Node-RED)的规则,几分钟内创建物联网边缘分析应用。 近日,eKuiper 发布了 1.8.0 版本。...这种方法方便用户进行算法的预处理后处理,但有较高的使用门槛,运维更新也比较复杂。 新版本提供了 Tensor Flow Lite 函数插件,用于流式计算视频流中进行实时 AI 推理。...用户创建和编辑规则时,可选择使用原有的 SQL 规则编辑器使用试用版本的 Flow Editor。 Flow Editor 的界面如下图所示。它的使用遵循主流可视化工作量编辑器的风格使用逻辑。...连接格式优化自定义:序列化 Schema eKuiper 通过 source/sink 与外部系统进行连接、读入写出数据。...通过视频源接入的数据,可以使用已有的 SQL 功能,例如 AI 推理函数功能等,转换成数据进行计算输出为新的二进制图像等。 规则自动化运维 部署边缘端的规则运维相对困难。

1.1K20

史上最全 PyCharm(Mac+Windows版) 快捷键整理

快速查看文档 ⇧F1 查看外部文档(某些代码上会触发打开浏览器显示相关文档) ⌘+ 鼠标放在代码 显示代码简要信息 ⌘F1 错误警告处显示具体描述信息 ⌘N, ⌃↩,...) ⌘B / ⌘ 鼠标点击 进入光标所在的方法/变量的接口或是定义处 ⌘⌥B 跳转到实现处,某个调用的方法使用会跳到具体的实现处,可以跳过接口 ⌥ Space, ⌘Y 快速打开光标所在方法.../结束位置 ⌘F12 弹出当前文件结构层,可以弹出的层直接输入进行筛选(可用于搜索类中的方法) ⌃H 显示当前类的层次结构 ⌘⇧H 显示方法层次结构 ⌃⌥H 显示调用层次结构...+ Shift + Enter 语句完成 Ctrl + P 参数信息(方法中调用参数) Ctrl + Q 快速查看文档 F1 外部文档 Shift + F1 外部文档,进入web...替换 F3 下一个 Shift + F3 前一个 Ctrl + R 替换 Ctrl + Shift + F 或者连续2次敲击shift 全局查找{可以整个项目中查找某个字符串什么

1.4K20

史上最全 PyCharm(Mac+Windows版) 快捷键整理,建议收藏备用

查看外部文档(某些代码上会触发打开浏览器显示相关文档) ⌘+ 鼠标放在代码 显示代码简要信息 ⌘F1 错误警告处显示具体描述信息 ⌘N, ⌃↩, ⌃N 生成代码(getter、setter、构造函数...Finder) ⌘B / ⌘ 鼠标点击 进入光标所在的方法/变量的接口或是定义处 ⌘⌥B 跳转到实现处,某个调用的方法使用会跳到具体的实现处,可以跳过接口 ⌥ Space, ⌘Y 快速打开光标所在方法.../结束位置 ⌘F12 弹出当前文件结构层,可以弹出的层直接输入进行筛选(可用于搜索类中的方法) ⌃H 显示当前类的层次结构 ⌘⇧H 显示方法层次结构 ⌃⌥H 显示调用层次结构 F2 / ⇧F2 跳转到下一个...Ctrl + P 参数信息(方法中调用参数) Ctrl + Q 快速查看文档 F1 外部文档 Shift + F1 外部文档,进入web文档主页 Ctrl + Shift + Z --> Redo...折叠所有代码块 Ctrl + F4 关闭运行的选项卡 查找/替换 F3 下一个 Shift + F3 前一个 Ctrl + R 替换 Ctrl + Shift + F 或者连续2次敲击shift 全局查找{可以整个项目中查找某个字符串什么

3K20

我承认 IDEA 2021.3 有点强!

HPROF 内存查看器 Windows 快速访问最近的项目 我们更新了对 Windows 跳转列表的支持,现在,右键点击任务栏开始菜单的 IntelliJ IDEA 图标即可打开您最近的项目。... macOS 按 ⇧⌘A( Windows Linux 按 Ctrl+Shift+A),然后输入 Save to Shelf 即可访问此操作。...编辑器调整字体 字体粗细选项 长时间的编码工作中,选择一个舒适的编辑器字体非常重要。最近增加的版式设置让这个选择变得更加简单个性化。... v2021.1 中,您可以 Preferences / Settings | Editor | Fonts 中调整主字体粗体字体的粗细。...PreviousNext 编译图表中的阶段单元 除了模块,编译图表现在还可以显示阶段单元,让您更深入地了解编译。打开 Build 工具窗口,选择 Chart 节点,选择细节的所需 Level。

3.6K20

我不得不承认 IDEA 2021.3 有点强!

HPROF 内存查看器 Windows 快速访问最近的项目 我们更新了对 Windows 跳转列表的支持,现在,右键点击任务栏开始菜单的 IntelliJ IDEA 图标即可打开您最近的项目。... macOS 按 ⇧⌘A( Windows Linux 按 Ctrl+Shift+A),然后输入 Save to Shelf 即可访问此操作。...编辑器调整字体 字体粗细选项 长时间的编码工作中,选择一个舒适的编辑器字体非常重要。最近增加的版式设置让这个选择变得更加简单个性化。... v2021.1 中,您可以 Preferences / Settings | Editor | Fonts 中调整主字体粗体字体的粗细。...PreviousNext 编译图表中的阶段单元 除了模块,编译图表现在还可以显示阶段单元,让您更深入地了解编译。打开 Build 工具窗口,选择 Chart 节点,选择细节的所需 Level。

3.4K40

Nodejs 发送 TCP 消息的正确姿势

NODE-RED 里内建了一个节点叫“tcp-out”,看文档呢使用这个节点可以很方便的把 payload 用 TCP 协议发送出去,但是事实事情没有这么简单。...其实当我第一次看到这个节点用法的时候我就觉得会有问题,果不其然。既然节点有问题,那么就干脆写代码吧,反正 NODE-RED 支持自定义 javascript function 。...本质 TCP 作为流式协议根本不可能出现粘包的问题。但是如果从应用层开发者的角度来看,TCP 服务端接受消息的时候确确实实会出现多个消息同时收到,或者收到1.x个消息的问题。...方法就是上面说的 ,每个消息的开始的地方放一个固定长度的头部用来表示整个消息的长度。 服务端收到消息后,先截取4个字节的长度,读取里面的值获得整个消息的长度。...比如到底有没有粘包问题,应用层为什么要定义数据结构,同一个连接服务端会有并发问题

1.4K30

IDEA 2021.1 的 Win Mac 快捷键大全!!

用得最多 (必备) 三、Shift 快捷键 Shift + F1 如果有外部文档可以连接外部文档 Shift + F2 跳转到上一个高亮错误 警告位置 Shift + F3 查找模式下,查找匹配上一个...,将选定的代码加入动态模板中 Ctrl + Alt + H 调用层次 Ctrl + Alt + B 某个调用的方法使用会跳到具体的实现处,可以跳过接口 Ctrl + Alt + V 快速引进变量...+ 右方向键 代码文件,光标跳转到当前单词 / 中文句的右侧开头位置, 同时选中该单词 / 中文句(必备) Ctrl + Shift + 前方向键 光标放在方法,将方法移动到上一个方法前面,调整方法排序...(必备) Ctrl + Shift + 后方向键 光标放在方法,将方法移动到下一个方法前面,调整方法 Ctrl + Shift + 右方向键 代码文件,光标跳转到当前单词 / 中文句的右侧开头位置...查看外部文档(某些代码上会触发打开浏览器显示相关文档) ⌘+鼠标放在代码 显示代码简要信息 ⌘F1 错误警告处显示具体描述信息 ⌘N, ⌃↩, ⌃N 生成代码(getter、setter、构造函数

82010

边缘网关畅维通达EN6400使用测评

钣金壳体, 防护等级 IP30, 坚固、 轻便、防腐蚀, 可选 DIN 卡扣便于导轨安装通讯接口EN6400网关中,有内置的Node-RED,也可以内置其他的平台,具体可以看下图 ,并设置了开机自启。...完整的流连线chart节点的配置如下: 实时数据展示显示效果图如下:称重仪随机给压力,node-red 的ui就能实时读到数据。...PLC程序如下:有需要完整PLC程序的可以私聊我(拿我格子衫来)PLC程序运行:1.打开200smartPLC的编程软件:STEP 7-MicroWIN SMART2.选择PLC的CPU型号,PLC建立通信...3.打开PLC程序,导入后下载进入PLC,下载完毕启动PLC4.点击PLC的程序监控状态图表监控,可以在线监控程序运行情况PLC寄存器数据变化 5.项目总结总的来说,项目的实战中,畅维通达边缘网关都表现非常不错...,不管是数量众多的Modbus 接口,还是开机自启的Node-RED,都在使用体验,让人感觉很舒畅。

23930

IDEA快捷键大全,撸代码速度提升10倍!

,构造函数,toString() 等 √ Alt + 左方向键 切换当前已打开的窗口中的子视图,比如 Debug 窗口中有 Output、Debugger 等子视图,用此快捷键就可以子视图中切换 √...常用 Shift + F1 如果有外部文档可以连接外部文档 Shift + F2 跳转到上一个高亮错误 警告位置 Shift + F3 查找模式下,查找匹配上一个 Shift + F4 对当前打开的文件...代码文件,光标跳转到当前单词 / 中文句的右侧开头位置, 同时选中该单词 / 中文句 √ Ctrl + Shift + 前方向键 光标放在方法,将方法移动到上一个方法前面,调整方法排序 √ Ctrl...+ Shift + 后方向键 光标放在方法,将方法移动到下一个方法前面,调整方法 Ctrl + Shift + 右方向键 代码文件,光标跳转到当前单词 / 中文句的右侧开头位置, 同时选中该单词...查看外部文档(某些代码上会触发打开浏览器显示相关文档) ⌘+鼠标放在代码 显示代码简要信息 ⌘F1 错误警告处显示具体描述信息 ⌘N, ⌃↩, ⌃N 生成代码(getter、setter、构造函数

1.1K30

IntelliJ IDEA 2022最新激活码稳定有效激活码 亲测激活成功

Shift + F1 如果有外部文档可以连接外部文档Shift + F2 跳转到上一个高亮错误 警告位置Shift + F3 查找模式下,查找匹配上一个Shift + F4 对当前打开的文件,使用新...+ 右方向键 代码文件,光标跳转到当前单词 / 中文句的右侧开头位置, 同时选中该单词 / 中文句(必备)Ctrl + Shift + 前方向键 光标放在方法,将方法移动到上一个方法前面,调整方法排序...(必备)Ctrl + Shift + 后方向键 光标放在方法,将方法移动到下一个方法前面,调整方法Ctrl + Shift + 右方向键 代码文件,光标跳转到当前单词 / 中文句的右侧开头位置...、变量)⌃⇧Space 智能代码补全(过滤器方法列表变量的预期类型)⌘⇧↩ 自动结束代码,行末自动添加分号⌘P 显示方法的参数信息⌃J, Mid. button click 快速查看文档⇧F1 查看外部文档...(某些代码上会触发打开浏览器显示相关文档)⌘+鼠标放在代码 显示代码简要信息⌘F1 错误警告处显示具体描述信息⌘N, ⌃↩, ⌃N 生成代码(getter、setter、构造函数、hashCode

1.1K10

IDEA 2021.1 的 Win Mac 快捷键大全!

用得最多 (必备) 三、Shift 快捷键 Shift + F1 如果有外部文档可以连接外部文档 Shift + F2 跳转到上一个高亮错误 警告位置 Shift + F3 查找模式下,查找匹配上一个...,将选定的代码加入动态模板中 Ctrl + Alt + H 调用层次 Ctrl + Alt + B 某个调用的方法使用会跳到具体的实现处,可以跳过接口 Ctrl + Alt + V 快速引进变量...+ 右方向键 代码文件,光标跳转到当前单词 / 中文句的右侧开头位置, 同时选中该单词 / 中文句(必备) Ctrl + Shift + 前方向键 光标放在方法,将方法移动到上一个方法前面,调整方法排序...(必备) Ctrl + Shift + 后方向键 光标放在方法,将方法移动到下一个方法前面,调整方法 Ctrl + Shift + 右方向键 代码文件,光标跳转到当前单词 / 中文句的右侧开头位置...查看外部文档(某些代码上会触发打开浏览器显示相关文档) ⌘+鼠标放在代码 显示代码简要信息 ⌘F1 错误警告处显示具体描述信息 ⌘N, ⌃↩, ⌃N 生成代码(getter、setter、构造函数

1.4K10
领券