申请/专利权人：安徽长江工业大数据科技股份公司

申请日：2022-09-14

公开（公告）日：2023-12-22

公开（公告）号：CN115390879B

主分类号：G06F8/65

分类号：G06F8/65;G06F8/71;G06F9/445;G06F9/50

优先权：

专利状态码：有效-授权

法律状态：2023.12.22#授权;2022.12.13#实质审查的生效;2022.11.25#公开

摘要：本发明属于web前端技术领域，尤其为一种通过node构建实时管理umi项目代码的方法，首先通过umi脚手架构建项目代码，然后通过create‑super脚本依赖初始化项目文件服务器所需环境，在项目启动后通过umi‑plugin‑super插件启动文件服务器并将super‑control导出的组件添加到打包后的项目代码中，在页面上通过javascript事件触发super‑control封装的fetch请求与文件服务器通讯，umi热更新监听文件改变后刷新页面，从而完成通过node构建实时管理umi项目代码的方法。本发明通过文件服务器作为中间价，打通页面与源代码之间的断层，在开发环境下，通过在页面操作，操作结果将直接作用于源代码，大大降低了页面调试复杂度，提升开发效率。

主权项：1.一种通过node构建实时管理umi项目代码的方法，其特征在于，包括如下步骤：S1、通过umi脚手架构建项目代码，运行create-super脚本命令创建super.json文件服务器配置文件，拉取umi-plugin-super、super-control依赖；S2、通过umi-plugin-super在将文件服务器与项目主进程绑定，读取配置文件，项目运行时开启子进程运行文件服务器，同时引入super-control中Operate组件；S3、文件服务器启用后通过node中fs工具扫描项目文件结构并读取项目package.json获取配置信息，将文件目录结果传递给主进程super-control组件；S4、页面通过super-control发送fetch请求至本地文件服务器通讯，项目启动时，回传端口预防本地启动多个文件服务器导致错乱，文件服务器与项目进程绑定、端口绑定；S5、文件服务器接收到修改数据及文件信息比对文件路径，通过node:fs工具修改项目文件中相关代码，新建删除同理；S6、umi热更新fastrefresh扫描到文件更改，触发热刷新更新页面，达到页面实时修改代码，同时代码热更新页面，从而形成设计闭环；所述create-super脚本为开发者提供自由选择安装依赖项；拉取umi-plugin-super、super-control两个依赖包；通过node:child_process开启子进程执行super-control提供的superinit初始化脚本命令；在项目根目录下创建super.json配置文件；在项目package.json文件中scripts对象下添加super:super对象，命令运行工具快捷执行node_modules.bin目录下的super脚本文件，其中super脚本文件中导入了superinit初始化命令和superserver文件服务器启动命令；所述引入super-control中Operate组件的方法包括如下步骤：S21、Operate组件用于修改项目文件代码，包含创建组件文件、删除文件等功能，还导出了基于fetch封装的请求文件服务器的方法，在项目启动后文件服务器端口采用闭包的形式存放在其中；S22、在umi-plugin-super插件中启动文件服务器后会调用umi插件中api工具函数，在html文件的body节点下创建id为super的div节点，并导入super-control中的Operate组件，通过ReactDOM.render方法将Operate挂载到super节点上，并在此处通过props传入端口；所述super-control中导出提供连接文件服务器功能的沟通桥梁，其中封装了javascript中fetch工具函数，在umi-plugin-super插件中引入该组件后，实现在项目中调用文件服务器。

全文数据：

权利要求：

百度查询： 安徽长江工业大数据科技股份公司 一种通过node构建实时管理umi项目代码的方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD