买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

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

摘要：本发明属于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项目代码的方法