自定义node-red节点超级详细示例解读

最新推荐文章于 2024-08-19 14:52:37 发布

weixin_30295091

最新推荐文章于 2024-08-19 14:52:37 发布

阅读量5.5k

点赞数

文章标签：数据库 json matlab

原文链接：http://www.cnblogs.com/chengyangyang/p/11169046.html

版权

本文提供了一个详细的Node-RED自定义节点创建教程，从package.json的配置开始，介绍如何创建lower-case.js和lower-case.html文件。文章进一步探讨了如何使用复杂的配置，包括引入tab功能，并通过MySQL的示例来展示实际应用。提醒读者注意节点注册名称的唯一性，以避免异常。同时，解释了js和html文件在节点中的作用，强调这些自定义节点实际上仍是在RED环境中运行。

摘要由CSDN通过智能技术生成

　　本文参考官方网站示例

　　1. 如果什么都不懂，参考我的package.json 。

　　2. 首先我们必须在 package.json 中添加 node-red 的部分　

{
  "name": "node-red-lower-case",
  "version": "1.0.0",
  "description": "自定义node-red节点 小写转化",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "node-red" : {
        "nodes": {
            "lower-case": "lower-case.js"
        }
  }
}

　　3. 除了这个，项目中还必须包含一个 js 和html 文件，也就是上面指示的lower-case.js

　lower-case.js 文件

module.exports = function(RED) { // RED  可以对node-red 进行访问
    function LowerCaseNode(config) {
        RED.nodes.createNode(this,config); // 节点本身就会对调用该函数，包括节点输入的属性
        var node = this;
        node.on('input', function(msg) { // 对消息进行处理  消息到达节点时，事件侦听就会启动，进行消息转化
            msg.payload = msg.payload.toLowerCase();
            node.send(msg);  // 输出的消息   如果msg为空则不发任何消息  也可以进行多个发送，node.send([msg1,msg2])
        });
    }
    RED.nodes.registerType("lower-case",LowerCaseNode);
}

lower-case.html 文件

<script type="text/javascript">
    RED.nodes.registerType('lower-case',{  // 节点的类型必须和上面注册的类型匹配 RED.nodes.registerType
        category: 'function',   // 节点调色板的类别
        color: '#a6bbcf',       // 使用的背景颜色
        defaults: {           // 节点可编辑的属性
            name: {value:""}
        },
        inputs:1,         // 节点有多少输入  0 或者 1
        outputs:1,       // 节点有多少输出  0 或者更多
        icon: "file.png", // 要使用的图标
        label: function() { // 工作空间中要使用的标签
            return this.name||"lower-case";
        }
    });
</script>

<script type="text/x-red" data-template-name="lower-case">   <!--date-template-name   编辑模板，用户定义节点的编辑对话框内容，值对节点类型进行绑定 和上面的registerType 中类型进行匹配-->
    <div class="form-row">
        <label for=