node-red template节点放置静态文件

最新推荐文章于 2024-09-07 15:51:28 发布
最新推荐文章于 2024-09-07 15:51:28 发布
阅读量795 收藏 2
点赞数
分类专栏： Node-RED 文章标签： json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Li_11280/article/details/121145302
版权

例如：template节点要导入中国地图的json数据 路径：

https://geo.datav.aliyun.com/areas_v3/bound/geojson?code=100000_full

在项目中 node_modules/node-red-dashboard/dist 中放置静态文件 china.json 

在template中使用，直接 ./china.json 就可以

 为什么要导入静态文件，因为此json在有的地方使用阿里云会自动拦截，http请求就找不到数据！！！

今天太阳很好
关注
专栏目录
Node-RED系列（十八）：配置静态目录，使用echarts.js，three.js，D3.js
知无涯
04-28 3908
Node-RED系列文章目前已经写了17篇，介绍了Node-RED的安装以及默认安装的一些基本节点的使用，作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。 Node-RED教程（一）：Node-RED的介绍与安装 Node-RED教程（二）：Node-RED的面板的操作 Node-RED教程（三）：Node-RED公共节点的使用 Node-RED教程（四）：Node-RED函数节点的使用 Node-RED教程（五）：No
Node-RED系列教程-03操作功能节点-template
低码开发
11-22 2105
​​前言 目标：掌握功能节点中模板节点的基本使用方法。 整套教程价值，懂的朋友自动懂。 一、演示环境 win10系统，Node-RED最新版本2.1.3（2021年11月21号）。 二、功能节点 由于该部分节点较多，且具有一定复杂性，因此对其中特定节点进行单独的演示。 1.template节点 模板节点，根据提供的模板设置属性。 1.1将消息属性设置为固定值 注入节点配置： 运行效果： 1.2设置任意属性值 修改节点配置： 运行效...
解决使用阿里云DataV Geo在线地图路径访问403问题
weixin_59287025的博客
08-16 347
解决echarts地图使用阿里云DataV Geo在线地图路径或请求https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json访问403问题
Node-red dashboard中使用 template node显示本地图片
o__o__o__o的博客
04-01 5021
最近在使用Node-Red，需要在Node-red的仪表盘dashboard中使用 template node在ui上显示本地图片。
node-red-dashboard-custom-widget:使用ui-template创建Node-RED-Dashboard UI小部件
05-11
节点红色定制小部件1 遵循指南外部源创建ui-widget ui-template代码段 <!-- external libraries --> [removed][removed] <link rel="stylesheet" href="http://billmill.org/css/style.css" /> <style> ... </style> [removed] ;(function(scope) { scope.msgReady = ... // ng-if var timer = setInterval(function() { //check that D3 libs are loaded, if not wait if (!window.d3) return; clea
Node-RED使用指南：22:定制化Node的使用方法
知行合一 止于至善
03-11 6300
Node-RED提供了很多Node，这篇文章介绍一下定制化Node的使用方法。
Node-RED dashboard ui-template 文件获取与保存
more_HH
05-19 1609
web方面实力超弱，目前在Ctrl+C,Ctrl+V的阶段，这里记录一下使用Node-RED将客户端的文件保存到服务端的代码。 形式十分简单： 获取文件内容 通过自定义的一个选择文件按钮，直接将文件内容读取到msg.payload,调用file模块进行保存，目前代码较为丑陋，记录而已。 template的内容为： <md-button id="save_pb" ng-click="send({payload:action()})" style="display: none">
Node-RED系列（二十）：一文让你彻底了解物联网平台Node-RED
知无涯
06-07 5930
介绍 ibm 开源， 低代码 版本，特性，开发语言 使用 安装方式， 面板使用，常用节点介绍 配置 配置文件， 架构解析 依赖包的相关介绍，依赖关系 框架 开发 修改样式 增加自定义节点
node-red可视化编程——自定义动态CPU显示图表节点
qq_27199869的博客
03-09 6934
目录 node-red介绍 node-red自定义节点A–获取主机CPU使用率 node-red自定义节点B–动态显示UI图表 节点A、节点B联合使用Demo效果 github源码地址 node-red介绍 node-red自定义节点A–获取主机CPU使用率 新建文件夹，并且新建三个文件 os-info.html os-info.js package.json os-info.ht...
Node-RED系列（二二）：使用dashboard搭配echarts制作漂亮的面板
热门推荐
知无涯
06-06 1万+
在node-red中dashboard 是一个很常用的模块，其中它有一个chart节点可以用来制作一些图表，比如柱状图，折线图，饼图，但其中的图表并不是很美观，而且可配置项非常的少。 于是就有很多小伙伴找我做一套比较好看的图表面板，在对比了一下几个图表库，我选中了echarts。 不仅美观大方，而且非常容易集成，配置。下面先来看一下我做的效果。这里是直接做了四个折线图，第一个折线图有动态效果，第二个折线图是一个多线条的折线图，第三个折线图是在一个图例显示两个折线图。第二第三都可以用于数据对比。 第四个折线
零基础小白学Node-RED（07）：综合案例分析
知无涯
10-25 4124
讲解Node-RED的综合示例
node-red-dashboard：Node-RED的仪表板UI
02-09
节点红色仪表板 该模块在Node-RED中提供了一组节点，以快速创建实时数据仪表板。 这些节点需要使用node.js版本8。支持节点v6的最新版本是2.9.5。 从版本2.10.0开始，您可以创建和安装小部件节点，如其他Node-RED节点。 有关更多信息，请参见 。 有关最新更新，请参阅 先决条件 Node-RED-Dashboard需要安装 。 安装 要安装稳定版，请使用Menu - Manage palette选项并搜索node-red-dashboard ，或在Node-RED用户目录（通常为~/.node-red运行以下命令： npm i node-red-dashboard 重新启动Node-RED实例，并且面板中应该有可用的UI节点，右侧面板中应有一个新的dashboard选项卡。 UI界面位于 （如果使用默认设置）。 如果要尝试从github下载最新版本，可以通
在Node中使用 template
MagicWing的博客
11-05 1356
一个简单的列子 // 1、安装 -------------------------------------------- npm install art-template --save -------------------------------------------- var fs = require("fs"); // 2、导入 var template = require('art-t...
node-red templete节点设置地图
Li_11280的博客
11-04 997
编写内容为： <!-- js引用部分↓ --> <script src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script> <!--地图--> <div style="height: 420px; width: 460px;" id="ChinaMap"></div> <script> setTimeout(function(
Node-RED中建立Websocket客户端连接
BADAO_LIUMANG_QIZHI的博客
04-15 4751
场景 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学习笔记——HTML 文件
Yucen的博客
08-20 1496
Node节点的.html 文件定义了节点与编辑器的显示格式。它包含三个不同的部分，每个部分都包装在它自己的标记.html <script>中。 节点定义：向编辑器注册的主节点定义，定义调色板类别、可编辑属性和要使用的图标等。它在常规 javascript 脚本标记中defaults 编辑对话框data-template-name：定义节点编辑对话框内容的编辑模板。type="text/html" data-template-name="node-type" 帮助文本..
node-red创建节点
圆形格子
05-13 3695
这里写目录标题1.1JavaScript file1.2HTML File1.2.1 简介1.2.2 定义节点1.2.3 节点定义1.2.4 编辑对话框1.2.5 帮助文本1.3Packaging1.3.1 命名1.3.2 目录结构1.3.3 在本地测试节点模块1.3.4 package.json1.3.5 添加到 flow.nodered.org1.4节点的属性1.5节点的凭据1.6节点的外观1.7配置节点1.8节点编辑对话框1.9节点上下文1.10示例流程 1.1JavaScript file 1.2H
Node-red使用 基础篇（2）节点使用
最新发布
qq_57080034的博客
09-07 1439
零基础学习 Node-red 节点使用
Node-RED 好用的图表工具ECharts
xiuqitao的博客
01-15 1687
除了上述显示的整体数据外，还可以实现其他行为，比如点击图表中对应部分可查看数据对应的详细内容，如下图点击饼图的对应位置，窗口右侧可弹出具体的故障明细。Node-red的dashboard里自带了部分仪表盘，当需要更加灵活的图表时，不得不提到一个工具ECharts了。先看下我用它做了什么，如下图所示，主要对设备的运行情况进行监控，并形成报表，其中的数据来源多来自数据库。上图分别使用了线性图、热力图以及饼图，对应的配置也相对简单，可参考。图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
node-red 弹窗节点
09-19
Node-RED是一种基于流编程的开源工具，可以通过拖拽和连接不同的节点来构建可视化的应用程序。在Node-RED中，弹窗节点可以用来展示消息或者警告等通知信息。 弹窗节点是一个功能节点，它可以在流程执行过程中弹出一个窗口来展示一段文本信息。当流程执行到弹窗节点时，它会在屏幕上弹出一个窗口，将节点配置中的文本信息展示出来。这个文本信息可以是静态的，也可以是流程中的动态数据。 弹窗节点可以用于调试和监控流程的执行过程。当流程执行到错误的地方时，可以在弹窗中显示错误信息，以便开发者进行调试和修复。同时，弹窗节点也可以用来展示一些重要的通知信息，比如任务完成的消息或者警告信息，使用户能够及时了解流程的执行状态。 使用弹窗节点非常简单。首先，在Node-RED界面中选择并拖拽一个弹窗节点到流程编辑区域。然后，双击弹窗节点，可以对其进行配置。在配置界面中，可以设置弹窗中要展示的文本信息，也可以选择弹窗的样式和位置。配置完成后，点击“保存”按钮即可将弹窗节点添加到流程中。 总之，Node-RED的弹窗节点是一个非常实用的工具，在流程开发和调试过程中可以方便地展示消息和警告信息。它的使用简单，功能灵活，能够帮助开发者更好地理解和监控流程的执行过程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值