npm 包 node-red-contrib-contextbrowser 使用教程

阅读时长 7 分钟读完

Node-RED 是一款流程编程工具,它可以让开发者更方便地创建流程,以实现特定的任务或者目的。在实际开发中,有很多的 Node-RED 的节点可以用来简化和优化整个流程的开发。

在本文中,我们将介绍一个 Node-RED 的 npm 包,叫做 node-red-contrib-contextbrowser。它可以帮助开发者更好地调试 Node-RED 的应用程序,方便地获取上下文变量并查看它们。本文将详细介绍它的安装和使用方法,包括使用示例和深入剖析。

安装

在 Node-RED 的主页中,我们可以看到一个叫做 “Manage Palette” 的按钮,点击进入该页面。在搜索框中输入 “contextbrowser”,就可以找到这个包了。然后点击 “Install” 按钮,即可安装该 npm 包。

如果需要手动安装这个包,可以通过下面的命令进行安装:

使用

安装完毕后,在 Node-RED 画布中右键点击,可以看到菜单中新增了一个 “Context Browser” 选项。点击进入该界面,即可查看上下文变量。

Context Browser 工具提供了两种查看上下文的方式,在该工具的界面左侧,可以通过类似文件系统的树形结构方式,展开节点查看相关内容。如图所示:

右侧的属性窗口可以显示当前属性值,包括一些元数据信息。另外,上面的搜索框可以根据名称过滤出符合条件的节点。这对于快速查找节点是非常方便的。

Context Browser 工具的另一种查看方式是 Tab View,如图所示:

Tab View 更加直观,它可以同时展示每个节点的所有属性。同时,我们还可以通过拖放节点来改变它们在 Context Browser 工具中的显示顺序。这在打开几个节点时很有用。

示例代码

下面是一个简单的示例代码,它展示了如何在 Node-RED 中使用 node-red-contrib-contextbrowser:

-- -------------------- ---- -------
-
    -
        ----------------------
        ----------------
        ----------------------
        ----------
        ---------
            -
                -------------
            --
            -
                ------------
                ----------
            -
        --
        ------------
        -------------
        -------------
        ----------------
        -----------
        -------------
        --------------------
        --------
        -------
        ---------
            -
                -----------------
            -
        -
    --
    -
        -----------------------
        ----------------
        ----------------------
        ----------------
        ---------
            -
                ----------
                -----------
                ------------
                -----------
                -----------
            -
        --
        ------------
        --------------
        ----------
        --------
        ------------
        --------
        -------
        ---------

        -
    --
    -
        -----------------------
        ---------------
        ----------------------
        ----------
        ---------------
        -----------------
        ----------------
        -----------------
        -------------------
        --------
        -------
        ---------

        -
    --
    -
        ----------------------
        ------------------------
        ----------------------
        -----------
        ----------
        --------------
        ---------------
        ---------------------
        --------
        --------
        ---------

        -
    -
-
展开代码

本示例包含三个节点,分别是 Inject、Change 和 Debug。在 Inject 节点中,我们向变量 “test” 中插入了一些值。在 Change 节点中,我们做了一些变量的更改,最后,在 Debug 节点中我们查看了文本。

如果你在 Debug View 中观察变量 “test”,你将看到其初始值为 "abc"。在 Contextbrowser 中查看 "test" 变量,你会发现它的值已被改为 "123"。这个例子展示了如何使用 Context Browser 工具在 Node-RED 中查看上下文变量。

深入剖析

node-red-contrib-contextbrowser 是一个很好的 Node-RED 工具,它可以帮助开发者更好地理解和调试它们的应用程序。如果你想进一步了解该工具的实现,可以查看其官方代码库,以及参考下面的 API 部分。

API

该工具主要包含以下两个 API:

该函数用于注册 ContextBrowser 工具。当用户点击 Node-RED 画布中的 ContextBrowser 选项时,该函数将被触发。

它是一个可编程的类型,基于 Node-RED 的节点定义模式。它提供了一些属性,包括 group、name、active、console 和 complete。group 属性用于在框架中实现结构化内容;name 属性用于声明 Node 类型名称并在 GUI 中显示节点名称。active 是该 Node 是否处于活动状态的标志,如果它被设置为 true,那么它将在 Node-RED 画布上被渲染。console 属性指示该 Node 是否在控制台中打印所有消息。complete 属性用于检查该 Node 是否已完成运行。

总结

在本文中,我们介绍了一个名为 node-red-contrib-contextbrowser 的 npm 包,它可以帮助开发者更好地调试 Node-RED 应用程序并查看上下文变量。我们详细介绍了它的安装和使用方法,包括具体的使用示例。同时,我们还深入探究了该 npm 包的核心 API,希望读者可以从中获得更深入的了解和指导。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005664181e8991b448e24fb

纠错
反馈

纠错反馈