按时间归档：2023年03月

前言 最近有读者通过博客向我咨询，在自定义node-red节点时，如何编写该节点的配置页面，就是我们通常见到的，双节节点打开的信息弹窗。如下图： 上面两张图，展示了inject节点与mqtt in 节点的配置弹窗。在弹窗中，除了上面的删除，取消，完成，和下面的失效按钮。中间部分都是需要开发者自己编写的。你需要什么按钮，需要哪些输入框，还有文本域。 节点配置弹窗是用户配置，修改节点配置数据的主要方式。 下面就教大家如何编写这部分的页面配置弹窗是编写在 节点的html 文件里 并且写在 注意scri…

前言 在之前的文章中，我们介绍了如何在monaco中为某一个方法增加注释，可以通过codelen 也可以通过Marker来显示某个变量，常量，或方法的文档。但这种方法不太适合大规模的库，比如一个js库有上百个方法，作为一名懒惰的程序员不可能将每一个方法都添加到monaco中。那么本篇文章就来给大家介绍一种借助typescript的类型声明文件，来增强编辑器的体验。不仅仅能够显示某个方法的详细文档，还有该方法的自动完成。 核心方法只有一个 addExtraLib() addExtraLi…

前言 最近在使用gitlab的web ide时发现当编写一个 vue组件时，文件的后缀名为.vue。在编辑器的右上角会显示当前的编程语言时vue，并且高亮语法或标签，格式化，折叠都表现很优秀。但是其实monaco是不支持vuejs的，作为一名前端开发者，我们有时需要在monaco编辑器中编写vue组件，所以我就利用业余时间尝试 在讲vuejs集成到monaco中。确切说vuejs并不是一个编程语言，它和html很类似，但也有很多差异，这里就不展开讲了。本文主要我是如何探索，实践将vuejs集成到…

前言 很多人知道前端代码编辑monaco editor 与vscode 有关系，但却不清楚其中的细节，本篇文章就带大家了解一下两者的关系和异同点。 表面对比 首先，这两个项目都是来自微软，其中vscode 项目Github 144K star，是基于CS架构，客户端-服务端架构。主要的技术栈是elector，ts。 而monaco editor则是33.4k star,是一个bs架构，浏览器-服务端架构，主要的技术栈是typescript。 深层关系 以上信息对于使用过二者的同学基本都知道。 那…

前言 VS Code作为开发者的代码开发利器，越来越受开发者的喜爱。像我身边的前端，每天80%的开发工作都是在VS Code上完成的。随着人们对它的使用，不再满足简单的优雅，舒服写代码这一基本需求。有些人利用它进行摸鱼，看小说，查股票，看文章，下五子棋。当你在VS Code的插件市场输入摸鱼二个字时，会有20多个插件供你选择。 本篇文章就来概述一下 VS Code的能力，并帮你快速建立插件文档的索引。 插件功能 插件能够实现以下功能 组件的各大模块 案例大集合 插件的官方案例大集合 h…

农业大棚作为农业生产的重要场所，需要对其进行有效的监控和管理，以确保农产品的质量和安全。通过大棚监控解决方案，可以实现对大棚内环境、作物生长情况、病虫害等情况的实时监测和预警，提高农业生产的效率和质量。同时，也可以减少人工管理的成本和风险，提高农业生产的可持续性。 农业大棚的日常运维需涉及摄像头、传感器、控制器等设备。除视频监控外，摩尔信使(MThings)可以提供其它所有设备的接入和管理。 农业大棚监控运维的功能主要有以下几个方面： 下图是结合摩尔信使(MThings)构建的一种典型解决方案：…

添加模版设置 在FlowForge中，每个项目都是从模板创建的。模板为项目定义了一组预配置的选项。这包括运行时设置- 比较常见就是 Node-RED settings.js文件中设置的值。 模板还定义了项目可以自定义哪些选项。 本篇文章就来解释一下如何向模板对象中添加新的Node-RED运行时选项，以便开发者可以为单个实例进行自定义，并传递到底层Node-RED settings.js文件。 对于简单的布尔/字符串/数字类型来说，可以直接定义。对于其他类型（对象/数组），就变得稍微复杂，目前官方…

前言 最近产品中使用到一款SQLTools的VS Code插件。该插件可以在VS Code中实现数据库管理，而且支持非常多的数据源类型，官方的数据源类型有CockroachDB，MariaDB，MySQL，PostgreSQL，SQLite，Microsoft SQL Server/Azure ，另外还有很多社区的数据源驱动。而我们使用管理的数据源类型是Trino，图标是一个小兔子。使用到的组件是Trino Driver但在使用这个插件时，存在两个问题。 问题 问题1是，Trino Driver…

FlowForge中的设备 FlowForge平台除了可以创建多个Node-RED实例，还可以用来管理远程设备。只需要在设备上安装官方提供的工具包，它可以用来链接到平台，并接受平台的指令。 本篇文章就来介绍一下如何管理远程设备 安装设备代理工具包 官方提供的设备代理工具包是一个公开的npm仓库,@flowforge/flowforge-device-agent。 为了方便使用，你可以将它全局安装在远程设备上。安装命令 如果你想要使用Docker容器，而不是一个npm包，那么在运行容器是，需要挂载…

前言 本篇文章结合FF的操作来给大家解释一下，FF在团队管理上都与那些资源可以操作。 团队创建 使用超管第一次登录FF平台，默认什么资源都没有，你只能先去创建一个团队才能继续往下操作。在FF平台上，团队就代表一个租户，也是一种资源隔离的手段。创建团队可以通过右上角按钮，超管也可以选择切换到某一个团队下查看相应的资源。如果要删除团队，需要进入团队内容，在团队设置页面。 如果你要查看系统中所有的团队状态，需要在右上角，个人头像下下的 Admin Settings 。 在FF平台上，有很多菜单。 这三…