一种前端工程部署方法及装置与流程

本发明涉及智能运维，具体涉及一种前端工程部署方法及装置。

背景技术：

1、前端工程是指通过使用各种工具和技术，将前端开发过程中的重复、繁琐、易错的工作自动化和规范化，从而提高开发效率、代码质量和团队协作能力。现有前端工程部署方案为：将前端工程打包后的静态资源放置在后端工程，同后端一起部署发布上线，当前端出现问题时，修改后需要随后端一起再部署发布。

2、同后端一同部署发布更新时效较慢，迭代效率较低，且配置繁琐。部署发布跨多个平台进行操作，资源分散，操作效率低。

技术实现思路

1、针对现有技术中的问题，本发明实施例提供一种前端工程部署方法及装置，能够至少部分地解决现有技术中存在的问题。

2、一方面，本发明提出一种前端工程部署方法，包括：

3、响应用户在提交最新代码后触发的预发测试操作，获取预发测试操作检测结果；

4、若确定预发测试操作检测结果为通过，且响应所述用户触发的构建服务操作，以使构建服务器根据项目配置信息获取最新代码及生成可视化操作页面；

5、响应所述用户根据所述可视化操作页面中的页面内容触发的配置操作，将所述最新代码进行打包，若确定打包执行结果为成功，则将打包得到的静态文件上传至页面服务器。

6、其中，所述响应用户在提交最新代码后触发的预发测试操作，获取预发测试操作检测结果，包括：

7、响应用户触发的预发测试操作，基于集成jest测试框架，并通过脚本命令进行性能测试，以及基于项目打包性能分析插件分析构建产物体积，得到异常检测结果；

8、若确定性能测试完成，且所述异常检测结果为无异常，则确定所述测试操作检测结果为通过。

9、其中，所述前端工程部署方法还包括：

10、若确定性能测试未完成，和/或所述异常检测结果为存在异常，则确定所述测试操作检测结果为不通过，并生成第一分析报告，以供所述用户根据所述第一分析报告重新修改代码；所述第一分析报告包括导致测试操作检测结果不通过的分析内容信息。

11、其中，所述项目配置信息包括代码仓库地址；相应的，所述响应所述用户触发的构建服务操作，以使构建服务器根据项目配置信息获取最新代码及生成可视化操作页面，包括：

12、响应所述用户触发的构建服务操作，构建服务器根据所述代码仓库地址获取所述最新代码，以及通过本地的构建服务插件处理所述项目配置信息，生成所述可视化操作页面。

13、其中，所述响应所述用户根据所述可视化操作页面中的页面内容触发的配置操作，将所述最新代码进行打包，包括：

14、响应所述用户根据所述页面内容触发的配置更改操作，将更改后的项目配置信息同步保存到构建服务器；

15、响应所述用户根据更新页面内容触发的配置确认操作，执行构建打包命令，实现将所述最新代码进行打包；所述更新页面内容根据更改后的项目配置信息动态更新得到。

16、其中，所述前端工程部署方法还包括：

17、若确定打包执行结果为失败，则生成第二分析报告，以供所述用户根据所述第二分析报告重新修改代码；所述第二分析报告包括导致打包失败的分析内容信息。

18、其中，在所述将打包得到的静态文件上传至页面服务器的步骤之后，所述前端工程部署方法还包括：

19、响应所述用户输入对应访问地址的动作，由所述页面服务器发送对应资源，完成浏览器端渲染任务。

20、一方面，本发明提出一种前端工程部署装置，包括：

21、获取单元，用于响应用户在提交最新代码后触发的预发测试操作，获取预发测试操作检测结果；

22、生成单元，用于若确定预发测试操作检测结果为通过，且响应所述用户触发的构建服务操作，以使构建服务器根据项目配置信息获取最新代码及生成可视化操作页面；

23、上传单元，用于响应所述用户根据所述可视化操作页面中的页面内容触发的配置操作，将所述最新代码进行打包，若确定打包执行结果为成功，则将打包得到的静态文件上传至页面服务器。

24、再一方面，本发明实施例提供一种电子设备，包括：处理器、存储器和总线，其中，

25、所述处理器和所述存储器通过所述总线完成相互间的通信；

26、所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行如下方法：

27、响应用户在提交最新代码后触发的预发测试操作，获取预发测试操作检测结果；

28、若确定预发测试操作检测结果为通过，且响应所述用户触发的构建服务操作，以使构建服务器根据项目配置信息获取最新代码及生成可视化操作页面；

29、响应所述用户根据所述可视化操作页面中的页面内容触发的配置操作，将所述最新代码进行打包，若确定打包执行结果为成功，则将打包得到的静态文件上传至页面服务器。

30、本发明实施例提供一种非暂态计算机可读存储介质，包括：

31、所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行如下方法：

32、响应用户在提交最新代码后触发的预发测试操作，获取预发测试操作检测结果；

33、若确定预发测试操作检测结果为通过，且响应所述用户触发的构建服务操作，以使构建服务器根据项目配置信息获取最新代码及生成可视化操作页面；

34、响应所述用户根据所述可视化操作页面中的页面内容触发的配置操作，将所述最新代码进行打包，若确定打包执行结果为成功，则将打包得到的静态文件上传至页面服务器。

35、本发明实施例提供的前端工程部署方法及装置，响应用户在提交最新代码后触发的预发测试操作，获取预发测试操作检测结果；若确定预发测试操作检测结果为通过，且响应所述用户触发的构建服务操作，以使构建服务器根据项目配置信息获取最新代码及生成可视化操作页面；响应所述用户根据所述可视化操作页面中的页面内容触发的配置操作，将所述最新代码进行打包，若确定打包执行结果为成功，则将打包得到的静态文件上传至页面服务器，通过前端可视化独立部署，能够解决前端工程部署低效、流程繁琐问题，从而提升交付效率。

技术特征：

1.一种前端工程部署方法，其特征在于，包括：

2.根据权利要求1所述的前端工程部署方法，其特征在于，所述响应用户在提交最新代码后触发的预发测试操作，获取预发测试操作检测结果，包括：

3.根据权利要求2所述的前端工程部署方法，其特征在于，所述前端工程部署方法还包括：

4.根据权利要求1所述的前端工程部署方法，其特征在于，所述项目配置信息包括代码仓库地址；相应的，所述响应所述用户触发的构建服务操作，以使构建服务器根据项目配置信息获取最新代码及生成可视化操作页面，包括：

5.根据权利要求1所述的前端工程部署方法，其特征在于，所述响应所述用户根据所述可视化操作页面中的页面内容触发的配置操作，将所述最新代码进行打包，包括：

6.根据权利要求3所述的前端工程部署方法，其特征在于，所述前端工程部署方法还包括：

7.根据权利要求1至6任一所述的前端工程部署方法，其特征在于，在所述将打包得到的静态文件上传至页面服务器的步骤之后，所述前端工程部署方法还包括：

8.一种前端工程部署装置，其特征在于，包括：

9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述方法的步骤。

技术总结本发明提供一种前端工程部署方法及装置，涉及智能运维技术领域，可用于金融领域或其他技术领域。所述方法包括：响应用户在提交最新代码后触发的预发测试操作，获取预发测试操作检测结果；若确定预发测试操作检测结果为通过，且响应所述用户触发的构建服务操作，以使构建服务器根据项目配置信息获取最新代码及生成可视化操作页面；响应所述用户根据所述可视化操作页面中的页面内容触发的配置操作，将所述最新代码进行打包，若确定打包执行结果为成功，则将打包得到的静态文件上传至页面服务器。所述装置执行上述方法。本发明实施例提供的方法及装置，能够解决前端工程部署低效、流程繁琐问题，从而提升交付效率。技术研发人员：王廷廷受保护的技术使用者：中国工商银行股份有限公司技术研发日：技术公布日：2024/7/29