精华内容
下载资源
问答
  • behavior to any of the project's core team at team@nodered.org. Authors Node-RED is a project of the OpenJS Foundation. It was created by IBM Emerging Technology. Nick O'Leary @knolleary Dave ...
  • node-red教程1 node-red简介

    万次阅读 多人点赞 2018-06-19 17:29:38
    • 一个偶然的机会,认识了node-red。这种拖拽控件编写代码的方式给了我很深刻的印象。由于我平时工作偏向硬件,所以对这些华丽的前端技术技术不是很了解,但个人认为,node-red技术在搭建具备网络与图形化功能的...

    编者的话
    • 一个偶然的机会,认识了node-red。这种拖拽控件编写代码的方式给了我很深刻的印象。由于我平时工作偏向硬件,所以对这些华丽的前端技术技术不是很了解,但个人认为,node-red技术在搭建具备网络与图形化功能的上位机、编程入门方面有很强的先天优势,也可以拿来做物联网资源的扩展,或与树莓派搭配做网关功能。苦于网上也搜不到多少中文资料,因此决定自己写一点关于node-red技术应用的教程。由于水平不足,教程技术含量有限。如果能对您有一点点的帮助,我就已经心满意足了。
    Node-RED背景介绍
    • Node-Red是IBM公司开发的一个可视化的编程工具。它允许程序员通过组合各部件来编写应用程序。这些部件可以是硬件设备(如:Arduino板子)、Web API(如:WebSocket in和WebSocket out)、功能函数(如:range)或者在线服务(如:email)。
    • Node-Red提供基于网页的编程环境。通过拖拽已定义node到工作区并用线连接node创建数据流来实现编程。程序员通过点击‘Deploy’按钮实现一键保存并执行。程序以JSON字符串的格式保存,方便用户分享、修改。
    • Node-Red基于Node.js,它的执行模型和Node.js一样,也是事件驱动非阻塞的。理论上,Node.js的所有模块都可以被封装成Node-Red的一个或几个node。(Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 Node.js 的包管理器 npm是全球最大的开源库生态系统。)
    本来此处应当有安装教程,不过官方的教程已经足够详细,丙炔安装不复杂,就不啰嗦了。

    展开全文
  • Node-RED系列文章目前已经写了8篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章 物联网平台...

    Node-RED系列文章目前已经写了16篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。

    是不是很漂亮。

    接下来我们一起来安装一下这个节点库,并且体验一下他的一些节点。

    首先我们要安装一下这个库
    点击设置

    打开设置面板

    搜索dashboard 节点库

    完整的名字叫做node-red-dashboard 搜索出来后,点击安装即可,

    安装需要一点时间,稍等一会。安装完成后,刷新一下页面.就可以在节点列表的左侧看到相应的节点

    一共有16个节点,分别是

    • button 按钮节点
    • dropdown 下拉选择节点
    • switch 开关节点
    • slider 轮播图
    • numeric 数字滑块
    • text input 文本输入
    • date picker 日期选择
    • colour picker 颜色选择器
    • form 表单
    • text 文本显示
    • gauge 仪表板
    • chart 图表,折线图
    • audio out 音频输出
    • notification 通知
    • ui control ui控制
    • template 模板

    安装之后,我们就可以使用了,首先我们将一个button的节点拖放到Flow中
    双击button节点,进行编辑详情。
    首先Group的输入框是红色的,意味着我们首先要把Group属性完善一下。

    点击右侧的笔

    点击之后进入了一个Group的配置页面

    但表单项Tab也是红色的,所以继续下潜,完善更底层的配置,
    点击之后

    是一个配置Tab的页面,配置Tab的名称,以及图标。图标可用的在 https://klarsys.github.io/angular-material-icons/

    都配置完成后

    点击完成。
    点击部署

    这样我们就部署了一个按钮节点到Dashboard中, 部署后我们到哪里去看配好的页面呢。
    默认是到这个地址访问UI。 http:// ip+port/ui

    以我的为例,Node-RED的访问地址是http://192.168.99.102:1880/#

    那么ui的访问地址就是 http://192.168.99.102:1880/ui/

    展开全文
  • Node-RED教程

    2019-06-26 10:59:13
    Node-RED Tutorial Home 这是让你开始Node-RED的一系列指南。从最基本的开始,它向您介绍Node-RED如何工作以及如何充分利用其内置的节点。每堂课由一系列的实际例子组成,带你用简单的步骤逐渐掌握Node-RED编程。 Node...

    Node-RED Tutorial Home

    这是让你开始Node-RED的一系列指南。从最基本的开始,它向您介绍Node-RED如何工作以及如何充分利用其内置的节点。每堂课由一系列的实际例子组成,带你用简单的步骤逐渐掌握Node-RED编程。

    Node-RED:1

    - 简要介绍Node-RED

    这段主要将向您介绍一些Node-RED的例子,让你感受其功能和介绍它的基本概念。我们还将讨论Node-RED及其起源,让你知道Node-RED有哪些优势以及什么类型的任务最适合Node-RED去做。

    Node-RED:2

    - 建立你的第一个流

    这节课将介绍Node-RED可视化工具,让你开始建立你的第一个流。您将学习如何创建简单的流,通过使用调试节点跟踪消息流以及如何使用function节点编写简单的JavaScript代码,调整节点以适应您的具体需求。

    Node-RED:3

    - 基本节点和流

    在这节课中,你会看到一些常用的节点并增加到你先前课程搭建的示例。你将开始一系列基于MQTT协议的例子。然后你将简要地看看其他方法获取消息流的协议(如TCP、UDP和websockets)。

    Node-RED:4

    - 浏览核心节点:

    这节课将看一看Node-RED安装在默认情况下核心的节点集,然后为你的Node-RED扩展节点

    Node-RED:5

    - Node-RED编程模型

    在这节课中,您将更详细的看看Node-RED的编程模型和它的一些关键概念和探索Node-RED消息流模型的细节构成。然后你将深入如何使用JavaScript编写自己的函数节点和创建可重用的子流添加自己的功能到Node-RED提供的组节点。

    Node-RED:6

    - 中间流

    这节课将建立在第5课的基础上,并关注上节课里探讨的一些关键概念。这节课中的示例比以前更复杂一点,主要的功能节点更复杂,但仍然尽可能保持结构的清爽和简单。

    Node-RED:7

    - 仪表板和UI技术

    这节课你会看到一些技术允许您查看通过流的数据。使用第三方的仪表板工具–FreeBoard,使用一组contrib.nodered提供的UI节点和使用一个标准的JavaScript的图表库(Morris.JS)的通用技术。

    Node-RED:8

    - Node-RED,云计算和物联网平台这节课还不可用,它在之后会发布…

    Node-RED:9

    - 高阶流这节课还不可用,它在之后会发布…

    展开全文
  • Node-RED系列文章目前已经写了9篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章 物联网平台...

    Node-RED系列文章目前已经写了16篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。

    上一期我给大家简单介绍了dashboard是如何排版的,以及其中的图标如何使用,所有节点的简介。能够组成的面板。本篇文章我就带大家使用chart节点来定制一个动态图表。实时监控一个设备的CPU使用率。

    废话不多说,直接上干货。

    思路是这样的

    首先使用一个inject节点,定时向触发整个流,然后输出到一个function节点里,function节点里是用于生产随机数的。
    为了使图表看起来不太难看,随机数的分布在80-100之间。如果是分布在0-100的话,图表在短时间内会非常陡峭,不太符合实际情况,而且不美观。
    所以我们选择将cpu的值控制在80-100.
    具体的function节点的js代码是

    msg.payload = Math.floor( Math.random()*20)+80
    return msg;
    

    然后后面紧接一个chart节点。这样设计就能将payload当做y轴的值传入到chart节点中。
    下面是chart节点的配置参数。

    首先每一个chart节点都要属于一个Group,并且属于 一个Tab,
    其次size选择auto,这样图表就会自动铺满整个group.

    label 是图表的标题。会显示在图表的上方。

    Type 是用于选择图表的类型,目前有6个类型的图表可供选择,分别是

    • Line chart 折线图
    • Bar chart 柱形图
    • Bar chart(H) 柱形图
    • Pie chart 扇形
    • Polar area chart 扇形
    • Radar chart 扇形图

    注意每个图表类型的配置都不太一致。注意区分。

    Y-axis 规定y轴的区间, 因为是CPU使用率,所以填写 min = 0, max = 100

    Legend 是否显示图例,就是每个图例的类型声明,点击可以隐藏该图例。

    Series Colours 图例的颜色,如果有多个图例的话,就会按照该颜色的排序来显示。可以点击修改。

    节点的联系图

    完整的流配置json文件

    // 代码归“拿我格子衫来”所属
    [
        {
            "id": "f6f2187d.f17ca8",
            "type": "tab",
            "label": "Flow 1",
            "disabled": false,
            "info": ""
        },
        {
            "id": "8f70d77.d5e5a28",
            "type": "ui_toast",
            "z": "f6f2187d.f17ca8",
            "position": "top right",
            "displayTime": "3",
            "highlight": "",
            "sendall": true,
            "outputs": 0,
            "ok": "OK",
            "cancel": "",
            "raw": false,
            "topic": "",
            "name": "",
            "x": 380,
            "y": 1020,
            "wires": []
        },
        {
            "id": "10c76dea.46e882",
            "type": "ui_template",
            "z": "f6f2187d.f17ca8",
            "name": "",
            "order": 0,
            "width": 0,
            "height": 0,
            "format": "<div ng-bind-html=\"msg.payload\"></div>",
            "storeOutMessages": true,
            "fwdInMessages": true,
            "resendOnRefresh": true,
            "templateScope": "local",
            "x": 710,
            "y": 1080,
            "wires": [
                []
            ]
        },
        {
            "id": "1962ed44.5d0a13",
            "type": "inject",
            "z": "f6f2187d.f17ca8",
            "name": "",
            "props": [
                {
                    "p": "payload"
                },
                {
                    "p": "topic",
                    "vt": "str"
                }
            ],
            "repeat": "1",
            "crontab": "",
            "once": false,
            "onceDelay": 0.1,
            "topic": "",
            "payload": "1",
            "payloadType": "num",
            "x": 250,
            "y": 480,
            "wires": [
                [
                    "51be0023.18998"
                ]
            ]
        },
        {
            "id": "51be0023.18998",
            "type": "function",
            "z": "f6f2187d.f17ca8",
            "name": "生成80-100随机数",
            "func": "msg.payload = Math.floor( Math.random()*20)+80\n\nreturn msg;",
            "outputs": 1,
            "noerr": 0,
            "initialize": "",
            "finalize": "",
            "x": 480,
            "y": 480,
            "wires": [
                [
                    "91bc92f5.d25f3"
                ]
            ]
        },
        {
            "id": "91bc92f5.d25f3",
            "type": "ui_chart",
            "z": "f6f2187d.f17ca8",
            "name": "CPU使用率",
            "group": "baf29ced.1c3cc",
            "order": 0,
            "width": 0,
            "height": 0,
            "label": "CPU使用率",
            "chartType": "line",
            "legend": "true",
            "xformat": "HH:mm:ss",
            "interpolate": "linear",
            "nodata": "",
            "dot": false,
            "ymin": "0",
            "ymax": "100",
            "removeOlder": 1,
            "removeOlderPoints": "",
            "removeOlderUnit": "3600",
            "cutout": 0,
            "useOneColor": false,
            "useUTC": false,
            "colors": [
                "#1f77b4",
                "#aec7e8",
                "#ff7f0e",
                "#2ca02c",
                "#98df8a",
                "#d62728",
                "#ff9896",
                "#9467bd",
                "#c5b0d5"
            ],
            "outputs": 1,
            "useDifferentColor": false,
            "x": 790,
            "y": 480,
            "wires": [
                []
            ]
        },
        {
            "id": "baf29ced.1c3cc",
            "type": "ui_group",
            "name": "Fizz_Group",
            "tab": "7123a3ae.91856c",
            "order": 1,
            "disp": true,
            "width": "12",
            "collapse": false
        },
        {
            "id": "7123a3ae.91856c",
            "type": "ui_tab",
            "name": "Fizz_Tab",
            "icon": "dashboard",
            "disabled": false,
            "hidden": false
        }
    ]
    

    最终的效果图

    展开全文
  • Node-RED系列(四):Node-RED函数节点的使用 上一期我们讲到了Node-RED中公共节点的使用,利用公共节点我们可以调试程序,捕获错误,监听状态的改变,本篇文章我再来给大家讲一下Node-RED中函数功能分类下的节点,该...
  • Node-RED系列(六):Node-RED解析节点的使用 上一期我们讲到了Node-RED中序列节点的使用,利用序列节点我们可以对消息体进行拆分,合并,排序,本篇文章我再来给大家讲一下Node-RED中解析parser分类下的节点,该分类...
  • Node-RED系列(七):Node-RED存储节点的使用 上一期我们讲到了Node-RED中解析parser分类节点的使用,利用解析节点我们可以对csv,html,json,xml,yaml文件进行解析。获取一些格式化内容。 本篇文章我来给大家讲...
  • Node-RED系列(五):Node-RED序列节点的使用 上一期我们讲到了Node-RED中函数节点的使用,利用函数节点我们可以调试程序,捕获错误,监听状态的改变,本篇文章我再来给大家讲一下Node-RED中序列sequence分类下的节点...
  • node-red教程6 串口控件的使用

    千次阅读 多人点赞 2018-06-21 09:39:10
    6.1 串口控件安装与介绍 ...这些硬件往往可以支持串口,所以,通过串口控件,可以把node-red程序控制的对象从电脑扩展到实际的硬件中,极大提升了node-red的实用性。  如果有嵌入式的开发经验,那么对于“上位...
  • node-red教程 8.2 node-red收发邮件(基于QQ邮箱)

    千次阅读 多人点赞 2018-06-21 11:06:06
     在一台联网的设备上,node-red可以使用邮箱控件来收发邮件。网上有很多教程都是基于外国的邮箱,这里介绍一个基于QQ邮箱的案例。 8.2.1 邮箱控件简介  输入邮箱控件  从IMAP服务器收到一封电子邮件,如果邮件...
  • 上一期我们讲到了Node-RED中存储file分类节点的使用,利用存储节点我们可以创建文件,追加内容到指定文件, 监听一些文件的写入 本篇文章我来给大家讲一下Node-RED中网络network分类下的节点,该分类下有12个节点, ...
  • node-red教程8 TCP控件的使用

    千次阅读 2018-06-21 10:55:10
    Node-red具备强大的网络功能,通过拖拽一些具备网络功能的节点,即可实现网络的功能。 8.1 TCP控件 8.1.1 TCP控件简介  TCP(Transmission Control Protocol 传输控制协议)是一种面向连接的、可靠的、基于...
  • Node-RED中默认安装有42个节点,分为6大类,分别是 公共节点 用于调试,注入消息,跨流操作 功能节点 逻辑判断,函数处理,命令行执行, 网络节点 使用各种通信,http,websocket,tcp,udp 序列节点 对消息体...
  • Node-Red安装教程

    千次阅读 2020-08-19 11:16:45
    5Node-Red管网安装教程https://nodered.org/docs/getting-started/local 本文使用ubuntu安装,十分简单。 安装步骤按照管网教程来: 1、先安装nodejs​​​​​​ # Using Ubuntu curl -sL ...
  • IBM Node-RED 安装与使用教程 IBM Node-RED安装与使用教程 1.Node-RED Node-RED 是构建物联网(IOT, Internet of Things)应用程序的一个强大工具,其重点是简化代码块的“连接”以执行任务。它使用可视化编程方法,...
  • node-red 安装教程

    千次阅读 2019-11-18 11:49:59
    node-red git源码地址 https://github.com/node-red/node-red 1.用户使用安装 npm安装 yum install -y nodejs node-red 安装 下载 npm install -g --unsafe-perm node-red 启动 node-red 访问...
  • Node-RED系列文章目前已经写了9篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章 物联网平台...
  • Node-RED系列文章目前已经写了15篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。 物联网...
  • Node-RED系列文章目前已经写了11篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章 物联网平台...
  • node-red教程3.1 inject介绍

    千次阅读 多人点赞 2018-06-19 19:01:51
    Node-red控件很多,我们可以根据自己的需要来选择。每个控件官方都带有详细的说明,接下来介绍一个典型的输入控件——inject。 3.1.1 inject的说明信息  前边helloworld的例子中,我们已经认识了输入节点,接下来...
  • Node-RED教程(二):Node-RED的面板的操作

    千次阅读 多人点赞 2020-12-31 14:59:12
    使用Node-RED去搭建一个物联网平台,链接设备,设备通信,就必须要先熟悉Node-RED的这种面板,对于一个新的项目,在动手做之前一点想对这个的技术的文档有足够的了解做起来才能游刃有余。本期我给大家介绍一下Node...
  • node-red教程 7dashboard简介与输入型仪表板控件的使用

    万次阅读 多人点赞 2018-06-21 10:33:48
    Node-red基于JS,这是前端技术的“三驾马车”之一。前端技术主要负责界面呈现,与用户交互等等,很多炫酷的特效都是前端呈现的。Node-red技术有这样的“基因”,界面当然不会差劲。它只需要一个控件就可以实现一个...
  • node-red教程 5 函数节点

    万次阅读 多人点赞 2018-06-20 18:48:36
     函数控件在node-red中是重点,也是难点。由于其功能强大,能做的事情很多,所以它重要;事实上,函数控件中的“函数”一词,翻译为中文“功能”也是可以的。但是,函数是需要直接编写代码的,所以说也是难点。  ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,814
精华内容 2,725
关键字:

nodered使用教程