Node-Red系列教程——NodeRed通过websoket展示数据

原创 已于 2022-10-11 08:27:48 修改 · 6.2k 阅读 · 36
标签
#websocket #nodered
于 2022-09-04 18:41:41 首次发布

本文使用nodered创建websocket连接，通过http网页websocket连接nodered展示数据，最后通过网页发送websocket消息给nodered

本文在以下作者内容上进行修改通过Node-Red在本地网页上实现PLC数据可视化（MySQL+HTML+JavaScript+CSS+WebSocket）_香风冰织的博客-CSDN博客_plc可视化

目录

一 配置结果

二 具体配置

1. 在nodered配置websocket out给所有客户端发送websocket消息

 2. 创建网页websocket连接nodered，展示数据

3. nodered配置websocket in接收发送的消息并显示

一 配置结果

在nodered配置如下：http://localhost:1880/

结果如下

(1)http://localhost:1880/hello

（2）使用http://www.jsons.cn/websocket/

连接nodered的websocket效果，自动获取到客户端消息如下

（3）使用网页客户端发送websocket消息

nodered显示如下

二 具体配置

1. 在nodered配置websocket out给所有客户端发送websocket消息

（1）inject节点

（2）random

新增random插件

拖拽random控件到工作区，设置From最小值和To最大值

（3）使用websocket out节点，类型选择连接，url填写ws/request 

最低0.47元/天 解锁文章
node-red-example-liveupdates：一个将Node-Red与websocket和MQTT一起使用的示例（通过Paho库），以允许从也向使用Node-Red生成的网页的实时更新
02-06
节点红色示例实时更新 一个将Node-Red与websockets和MQTT一起使用的示例（通过Paho库），以允许在使用Node-Red生成的网页之间进行实时更新。 您将需要正确安装Node-Red。 该示例还通过Mosquitto使用MQTT，并结合了websocket支持以及针对浏览器的Paho MQTT库。 您可能可以改用Mosca。 该示例网页使用了Zurb Foundation，还使用了一个名为“ ReconnectingWebSocket”的客户端帮助程序库。 我从Node-Red启动文件中传入了context.global中的一些全局变量，这些变量包含IP地址和端口，但是您可
node-red-contrib-blynk-ws:使用WebSocket的Node-RED的Blynk库实现
05-05
节点红色贡献blynk-ws 使用WebSocket的Blynk库实现 Node-RED blynk Websockets版本 该库支持与本地服务器和Blynk云服务器的SSL（wss：//）和非安全（ws：//）连接。 对于本地服务器，wss：//仅在您已安装证书的情况下才有效。 对于Blynk云服务器，您可以使用ws：//blynk-cloud.com/websockets或将SSL wss：//blynk-cloud.com/websockets用作服务器URL。 如果您全局安装了Node Red，请使用此命令安装npm install --global node-red-contrib-blynk-ws 支持的事件，命令和小部件 事件：读取，写入，应用程序（已连接/断开连接） 命令：写入，桥接，同步（虚拟/全部），设置属性窗口小部件：电子邮件，通知，LCD，表格，zeRGBa
Node-RED学习-自定义webSocket服务端节点
qq_42670087的博客
04-02 1735
事件驱动应用程序的低代码编程。Node-RED 是构建物联网(IOT， Internet of Things)应用程序的一个强大工具，其重点是简化代码块的“连接”以执行任务。它使用可视化编程方法，允许开发人员将预定义的代码块（称为“节点”，Node）连接起来执行任务。连接的节点，通常是输入节点、处理节点和输出节点的组合，当它们连接在一起时，构成一个“流”(Flows)。
Node-Red系列教程——NodeRed安装及基本操作
鲸鱼姐的专栏
07-23 2万+
nodered安装及基本操作
从老旧PLC到云端看板：我是如何用Node-RED网关把Modbus设备安全接入OPC UA服务器的
最新发布
weixin_42552315的博客
04-07 138
本文详细介绍了如何通过Node-RED网关将老旧Modbus设备安全接入OPC UA服务器的实战经验。从边缘网关架构设计、Modbus TCP报文解析到OPC UA安全配置，提供了完整的解决方案，帮助实现工业设备的数字化转型。
Node-RED系列教程-01搭建开发环境
低码开发
11-20 1万+
​​前言 目标：在windows和linux系统下搭建Node-RED开发环境 一、windows下安装步骤 1.获取nodejs安装包 进入Node-RED官网：Node-REDhttps://nodered.org/ 找到下图位置： 2.安装nodejs 3.设置npm镜像 CMD命令行中输入： npm install -g cnpm --registry=https://registry....
Node-RED从入门到实战教程
10-19
Node-RED是工业网物联网的重要组成部分，我最开始接触Node-RED，也算是一个偶然的机会吧，上班后领导安排我的第一个任务就是调研一下Node-RED，我之后上网查了一下，那个时候网上相对于Node-RED的资料也比较少，只知道它是IBM公司的一个开源项目。直到最近，发现许多大公司的产品都支持Node-RED，比如西门子公司的IoT2000，研华公司的WISE PaaS 网关，美国OPTO 22等设备中都安装了Node-RED，表明它在工业物联网和控制中已经广泛应用了。 那么工业物联网为什么要用它？它又处于工业物联网那个层次？它具有哪些特性？它帮助物联网解决了什么问题？为什么说它是柔性动态可重构的解决方案呢？ ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 本门课程，老师将带领你从Node-RED的发展，工业物联网定位开始讲解，并带领着大家进行手把手安装Node-RED，实际操作演练Node-RED，并搭建一个物联网小平台，给大家带来更好的学习效果。  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 为了能够让小伙伴们快速了解本门课程的结构，本门课程从以下几个方面展开：Node-RED入门Node-RED安装与配置Node-RED教学实战Node-RED的优势与不足Node-RED能为我们带来什么Node-RED总结与展望
关于《Node-RED系列教程》
低码开发
11-26 1万+
个人介绍 本人从事AIoT开发工作，尝试将自己学习整理到的Node-RED开发技术分享给大家。欢迎大家订阅支持。 文章目录 系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、已更新的教程 示例：pand
NodeRED学习（五）http websoket
qq_32812063的博客
04-11 1667
HTTP定义响应内容： 注：可含请求参数 // msg.payload={ // "demo":"你好" // } msg.payload = msg.req.query.content; return msg; 支持浏览器请求测试：IP:1880/(URL) 组件验证请求： websocket消息: 工具参考：http://www.jsons.cn/websocket/ 地址：ws://IP:1880/ws/request 1、配置websocket out给所有客户端
Node-RED 应用 - WebSocket 通信
IoTHub - 物联网开源技术社区
01-29 2079
Node-RED 应用，实现 WebSocket 通信，连接物联网设备，与 IoT平台通信。
node-red：环境搭建及使用
热门推荐
weixin_44462773的博客
06-07 3万+
node.js安装及nodere安装、使用、卸载、运行详细教程
Node-RED中建立Websocket客户端连接
BADAO_LIUMANG_QIZHI的博客
04-15 5128
场景 Node-RED简介与Windows上安装、启动和运行示例： Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客_nodered windows Node-RED怎样导出导入流程为json文件： Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客_怎么导出json文件 Node-RED中建立websocket客户端是使用websocket in 和websocket out建立。 注： 博客：霸道流氓气质
Node-RED WebSocket使用心得（包含客户端和服务端）
more_HH
05-12 6323
具体概念不描述，只讲使用。 Server WebSocket的服务端不仅可以进行接收信息，还可以主动发送。 分为in与out模块，选择的模式都是监听，即部署之后创建服务。编辑如下： WebSocket in 模块： in服务端接收所有的客户端发送的消息。 WebSocket out模块： out服务端则发送消息到指定的客户端或者全部客户端。 互相连接，即完成一个基础的服务端： WebSocket out模块的深入 需要注意的是WebSocket Out模块发送消息是分为两类.
两种借助node-red达到数据交互可视化的方法
ZiT11x的博客
11-14 4507
我们实现了从边缘网关到mqtt broker再通过node-red到时序数据库influxdb，最后通过Grafana进行数据可视化展示。弊端：展示层只是从数据库中查询数据进行展示，是无法来试试控制的。也就是说无法从web页面进行开关灯的控制。但其实node-red作为低代码平台，是可以直接进行web控制的，也可以直接与设备端进行modbus交互。本文介绍这两种方法。
关于android.widget包的理解
coosea128的博客
01-24 1234
关于android.widget包的理解目前，开发android应用肯定少不了会用widget。这个包全部放置的是android的控件，例如：TextView,ListView，Button….等等一些控件。还有就是一些监听器。 我们要熟悉这个包下的一些类，才能提高开发速度。 后续会继续更新。。。
Node-Red 实践：企业微信消息推送
3dudu的专栏
04-26 4738
一个偶然的机会，认识了node-red。这种拖拽控件编写代码的方式给了我很深刻的印象。能够通过简单的拖拽实现mqtt，http，websocket，tcp的服务，作为基于网络的业务流程demon非常方便。最近用它实践了一把，给自己做了一个企业微信消息推送的流程，还是很方便的。 Node-RED背景介绍 • Node-Red是IBM公司开发的一个可视化的编程工具。它允许程序员通过组合各部件来编写应用程序。这些部件可以是硬件设备(如：Arduino板子)、Web API(如：WebSocket in和WebSo
Node-Red 实战编程（三）
龙哥盟
07-19 2433
除了节点名称，您还可以以许多不同的方式自定义自己的节点，例如节点颜色，节点图标，节点类别，节点功能等。有关详细信息，请参阅官方文档：nodered.org/docs/creating-nodes/appearance。现在我们已经在本地环境中测试和自定义了节点，让我们将节点发布到 Node-RED 库中。恭喜！在本章中，你学会了如何创建自己的节点，如何自定义它，以及如何从 Node-RED 库或本地机器设置它。创建自己的节点并不像你想象的那么困难。
Node-Red 在本地网页上实现 PLC 数据可视化
xiangfengbingzhi的博客
06-07 1万+
文章详细讲解了如何使用 Node-Red 实现 PLC 数据的本地网页可视化，步骤包括在 Ubuntu 和 Windows 系统上安装 Node-Red，通过 Node-Red 与 MySQL 数据库交互，读取并显示 PLC 数据，以及利用 WebSocket 将数据实时传输到 HTML 网页进行可视化展示。
Node-RED:5分钟快速上手：安装与环境配置
DreamLife
11-08 3399
摘要 Node-RED是一款流行的低代码开发工具，本文介绍了其快速安装和环境配置方法。内容涵盖：Node.js版本选择（推荐LTS 18.x/20.x）、三种安装方式（npm全局安装、Docker部署及源码运行）、关键目录解析（如flows.json和settings.js），以及安全认证、日志调优等配置技巧。针对常见问题如权限错误、端口占用、安装卡顿等提供了解决方案，最后通过创建简单流程验证安装。文章结合实践经验，帮助开发者在5分钟内完成基础部署并避开常见陷阱，适用于Windows、Linux及树莓派等不
Node-Red系列教程——NodeRed基本操作function函数，http请求响应，file文件
鲸鱼姐的专栏
08-26 8868
NodeRed基本操作——function函数，http请求响应，file文件
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值