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

已于 2022-10-11 08:27:48 修改
阅读量5.9k 收藏 36
点赞数 2
分类专栏： NodeRed系列教程——鲸鱼姐亲测 文章标签： websocket nodered
于 2022-09-04 18:41:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhaolulu916/article/details/126692612
版权

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

本文在以下作者内容上进行修改通过Node-Red在本地网页上实现PLC数据可视化（MySQL+HTML+JavaScript+CSS+WebSocket）_香风冰织的博客-优快云博客_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消息

最低0.47元/天 解锁文章
Node-Red系列教程——NodeRed订阅opcua数据，并通过mqtt发布
鲸鱼姐的专栏
10-03 6165
1.nodered订阅opcua数据 2. nodered发布为mqtt 3. 部署运行结果，通过emqx接收数据 4. nodered的json代码
CocosCreator教程（入门篇）
热门推荐
标题
09-20 1万+
目录一、项目结构二、资源分类三、资源小知识点四、场景小知识点五、子系统重点六、脚本开发七、发布游戏 系列教程CocosCreator教程（初识篇）CocosCreator教程（编辑器篇） 一、项目结构 ProjectName（新建项目） ├──assets ├──library ├──local ├──packages ├──settings ├──temp └──project....
NodeRED学习（五）http websoket
qq_32812063的博客
04-11 1385
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-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学习-自定义webSocket服务端节点
最新发布
qq_42670087的博客
04-02 964
事件驱动应用程序的低代码编程。Node-RED 是构建物联网(IOT， Internet of Things)应用程序的一个强大工具，其重点是简化代码块的“连接”以执行任务。它使用可视化编程方法，允许开发人员将预定义的代码块（称为“节点”，Node）连接起来执行任务。连接的节点，通常是输入节点、处理节点和输出节点的组合，当它们连接在一起时，构成一个“流”(Flows)。
Node-RED 应用 - WebSocket 通信
IoTHub - 物联网开源技术社区
01-29 1398
Node-RED 应用，实现 WebSocket 通信，连接物联网设备，与 IoT平台通信。
Node-RED中建立Websocket客户端连接
BADAO_LIUMANG_QIZHI的博客
04-15 4934
场景 Node-RED简介与Windows上安装、启动和运行示例： Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-优快云博客_nodered windows Node-RED怎样导出导入流程为json文件： Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-优快云博客_怎么导出json文件 Node-RED中建立websocket客户端是使用websocket in 和websocket out建立。 注： 博客：霸道流氓气质
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使用心得（包含客户端和服务端）
more_HH
05-12 5630
具体概念不描述，只讲使用。 Server WebSocket的服务端不仅可以进行接收信息，还可以主动发送。 分为in与out模块，选择的模式都是监听，即部署之后创建服务。编辑如下： WebSocket in 模块： in服务端接收所有的客户端发送的消息。 WebSocket out模块： out服务端则发送消息到指定的客户端或者全部客户端。 互相连接，即完成一个基础的服务端： WebSocket out模块的深入 需要注意的是WebSocket Out模块发送消息是分为两类.
Web前端面试题整合，持续更新【可以收藏】
jason的java世界
12-12 1692
css相关、JS相关、浏览器网络相关、vue相关、react相关、移动端相关、插件及工具相关、前端性能优化、原生通信、算法相关、node相关、计算机基础
【图片标注不求人：JavaScript全栈开发教程】：从基础到高级技巧，彻底掌握图片标注技术
![利用JavaScript实现图片标注——SearchMapIdentityTask.doc]...同时，文中还涵盖了后端开发的关键技术，例如Node.js与Express框架的应用、数据库技术的管理以及RESTfu
nodered-js-output-websocket:NodeRED WebSocket输出节点作为Kevoree库
05-09
kevoree-comp-websocketin 由的yo生成器generator-kevoree生成的默认自述文件
node-red-contrib-loxone:通过Websocket API将Loxone Miniserver连接到节点红色
04-28
节点红贡献洛酮 从版本0.10.4请确保您的系统已安装git命令，因为所需的库当前是从github提取的。 否则，您将得到undefined ls-remote -Error。 谢谢大家，迷你服务器已获得资助： : 如果您想支持我在此节点上的工作，则募捐活动仍在进行中。 该节点将Loxone Miniserver连接到节点红色。 它基于Laxone的文档使用Ladislav Dokulil的 。 它使您可以将Loxone Miniserver直接连接到红色的节点，并在发生事件时使用数据。 由于这使用了官方的Websocket，因此您只会看到在Loxone-Config中可视化的控件。 你会从Loxone的WebSocket的获取数据原样。 有并且将没有抽象层！ 因此，请知道如何根据或 处理数据。 从Loxone V9开始，应使用基于新令牌的身份验证。 如果您仍在使用V8或更早
node-red-contrib-netfield-websocket:基于netFIELD技术的WebSocket服务器的Node-RED WebSocket客户端
05-23
节点红色贡献netfield websocket Red-Node节点，用于与Hilscher netFIELD Cloud API服务进行通信。 Websocket部分记录了服务： WebSocket介面 在netFIELD Cloud中，WebSocket用于将实时托管的云托管设备的过程数据流传输到任何客户端（例如Node-RED）。 在WebSocket会话中，设备由其唯一的deviceId决定。 可以从您的云帐户中检索设备ID： 感兴趣的设备数据对象由路径格式的topic指定。 可以从您的云帐户中的“设备管理器”中检索主题。 根据设备主题的不同，可以是静态的： 或手动创建： 流数据对象本身是格式的。 通信由 安全，并通过格式的授权密钥进行身份验证。 可以使用您的云帐户中的API密钥管理器来生成密钥。 生成密钥时，请确保已启用权限viewDeviceMessa
node-red-contrib-socketio:Node-RED的SocketIO的实现
05-04
节点红色贡献socketio 流行的的。 安装 要安装node-red-contrib-socketio，请使用此命令 npm i node-red-contrib-socketio 作品 Socket.IO实现是使用 1个配置节点，其中包含服务器定义，用户可以决定在Node-RED端口上绑定SocketIO服务器或将其绑定到另一个端口 1个输入节点，用户在其中添加他们感兴趣的所有topic 1个输出节点，将接收到的数据发送到msg.payload 1个节点加入Socket IO室 1个节点离开Socket IO房间 用法 要查看示例用法，请转到 执照 麻省理工学院 谢谢 多亏了： @nexflo用于翻译英语注释并预先发送控制数据 @ bimalyn-IBM用于实施室 用于实现房间列表节点的@essuraj
node-red-contrib-socketio-server:节点红色贡献socketio服务器
05-03
节点红色贡献socketio服务器 服务器的红色节点。 节点数 socket.io-instance ：创建一个Socket.IO服务器实例。 socket.io-on ：监听特定事件。 socket.io-emit ：将特定事件的数据发送到客户端。 socket.io-join-room ：加入一个房间。 socket.io-leave-room ：离开一个房间。 socket.io-middleware-start和socket.io-middleware-end ：用于中间件。 注意：不要打印任何msg包含msg.socket 。 否则，将导致“ RangeError：超出最大调用堆栈大小”错误。 参见 。 执照 该项目中的代码已获得。
node实现websocket
记录一些工作日常和学习
08-04 355
建立一个项目目录 websocket 执行命令npm install ws 安装成功后进入ws目录下 建立server.js var WebSocketServer = require('ws').Server, wss = new WebSocketServer({port: 8119}); wss.on('connection', function(ws) { ws.on('message', function(message) { .
node-red 可视化探索
weixin_44133581的博客
06-17 2984
配置socket选择配置流程产生url。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值