[发明专利]一种低代码设计器本地组件代码调试的方法

权利要求书

1.一种低代码设计器本地组件代码调试的方法，其特征在于：包括以下步骤：

S1、生产环境暴露运行时代码，并通过构建工具将代码打包成umd格式的包部署在本地开发服务器；

S2、插件调试服务器首先通过http接口获取构建包地址，然后使用包地址加载运行时代码包；

S3、执行运行时代码，获取本地插件注入；

S4、运行时构建包会发出http请求接口，该接口由本地调试服务器进行代理转发；

S5、修改本地插件代码后，插件开发服务器会自动构建，并调用运行时构建包的重绘接口来实现视图自动更新。

2.根据权利要求1所述的一种低代码设计器本地组件代码调试的方法，其特征在于：所述S1中的构建工具包括但不限于Webpack、Rollup、Vite。

3.根据权利要求1所述的一种低代码设计器本地组件代码调试的方法，其特征在于：所述S3具体包括：

S31、插件调试服务器使用NodeJs开启一个新的进程，该进程使用构建工具构建插件代码包；包文件存放于本地目录，通过插件调试服务器来访问；

S32、调试页面在本地执行生产环境暴露的运行时代码，从插件调试服务器加载本地插件，然后通过调用运行时代码暴露的API接口完成注入，注入后可查看本地插件运行效果。

4.根据权利要求1所述的一种低代码设计器本地组件代码调试的方法，其特征在于：所述S5具体包括：

S51、插件开发服务器在运行时使用NodeJs的文件API监听当前调试的插件目录，当开发人员在开发过程中修改本地插件代码后，会执行监听时注册的回调函数；

S52、构建完成后发送消息给插件调试服务器重新请求插件，并调用运行时代码的重绘API接口，该接口会卸载之前的插件，重新实例化新构建的插件来实现视图自动更新。