[发明专利]基于微前端的软件开发方法、装置、电子设备及存储介质在审
申请号: | 202110554045.3 | 申请日: | 2021-05-20 |
公开(公告)号: | CN113157274A | 公开(公告)日: | 2021-07-23 |
发明(设计)人: | 陈伟源 | 申请(专利权)人: | 北京字节跳动网络技术有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F8/33;G06F8/20 |
代理公司: | 北京中知法苑知识产权代理有限公司 11226 | 代理人: | 李明 |
地址: | 100041 北京市石景山区*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 基于 前端 软件 开发 方法 装置 电子设备 存储 介质 | ||
1.一种基于微前端的软件开发方法,其特征在于,包括:
响应针对目标微前端子工程的开发请求指令,从服务端加载与所述开发请求指令对应的目标页面模板;所述目标页面模板由存储于本地的与所述开发请求指令对应的目标微前端主工程的代码文件经打包后生成,所述目标微前端主工程用于实时加载运行时的所述目标微前端子工程;
读取所述目标页面模板中的数据列表;所述数据列表包括所述目标微前端子工程的名称、线上路径以及线上代码文件链接;
根据所述目标微前端子工程存储在本地的项目配置,修改所述数据列表,以将所述线上代码文件链接改成所述目标微前端子工程的本地代码文件链接;
基于修改后的数据列表,启动网页服务,展示与修改后的所述目标页面模板对应的目标页面。
2.根据权利要求1所述的方法,其特征在于,所述读取所述目标页面模板中的数据列表,包括:
通过访问所述目标页面模板中全局变量的方式读取所述数据列表;其中,所述全局变量存储有所述数据列表的相应赋值。
3.根据权利要求2所述的方法,其特征在于,所述读取所述目标页面模板中的数据列表,还包括:
在所述全局变量为空的情况下,通过调用所述数据列表接口的方式读取所述数据列表。
4.根据权利要求1所述的方法,其特征在于,所述目标页面包括导航栏,展示所述目标页面之后,所述方法还包括:
响应针对所述导航栏中的目标导航控件的触发操作,从本地加载所述目标微前端子工程的代码文件;所述目标导航控件与所述目标微前端子工程对应;
响应用户的操作,对所述目标微前端子工程的代码文件进行开发和/或调试。
5.根据权利要求1所述的方法,其特征在于,所述响应针对目标微前端子工程的开发请求指令,从服务端加载与所述开发请求指令对应的目标页面模板之前,所述方法还包括:
将所述目标微前端主工程所对应的至少一个代码文件进行合并,生成目标代码文件;
将所述目标代码文件与基础页面模板进行融合,得到初步页面模板;
将所述数据列表渲染到所述初步页面模板中,得到所述目标页面模板。
6.根据权利要求5所述的方法,其特征在于,所述将所述目标微前端主工程所对应的至少一个代码文件进行合并,生成目标代码文件,包括:
在开发模式下,将所述微前端主工程所对应的至少一个代码文件进行合并,生成目标代码文件。
7.一种基于微前端的软件开发装置,其特征在于,包括:
加载模块,用于响应针对目标微前端子工程的开发请求指令,从服务端加载与所述开发请求指令对应的目标页面模板;所述目标页面模板由存储于本地的与所述开发请求指令对应的目标微前端主工程的代码文件经打包后生成,所述目标微前端主工程用于实时加载运行时的所述目标微前端子工程;
读取模块,用于读取所述目标页面模板中的数据列表;所述数据列表包括所述目标微前端子工程的名称、线上路径以及线上代码文件链接;
修改模块,用于根据所述目标微前端子工程存储在本地的项目配置,修改所述数据列表,以将所述线上代码文件链接改成所述目标微前端子工程的本地代码文件链接;
基于修改后的数据列表,启动网页服务,展示与修改后的所述目标页面模板对应的目标页面。
8.根据权利要求7所述的装置,其特征在于,所述读取模块具体用于:
通过访问所述微前端主工程页面模板中的全局变量的方式读取所述数据列表;其中,所述全局变量中存储有所述数据列表的相应赋值。
9.一种电子设备,其特征在于,包括:处理器、存储器和总线,所述存储器存储有所述处理器可执行的机器可读指令,当所述电子设备运行时,所述处理器与所述存储器之间通过总线通信,所述机器可读指令被所述处理器执行时执行如权利要求1-6任一所述的基于微前端的软件开发方法的步骤。
10.一种计算机可读存储介质,其特征在于,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行如权利要求1-6任一所述的基于微前端的软件开发方法的步骤。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京字节跳动网络技术有限公司,未经北京字节跳动网络技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110554045.3/1.html,转载请声明来源钻瓜专利网。
- 上一篇:汽车及其控制方法
- 下一篇:一种主治类风湿关节炎的解凝除痹药散