一种前端应用部署方法及装置制造方法及图纸

技术编号:34868515 阅读:64 留言:0更新日期:2022-09-08 08:14
本发明专利技术提供一种前端应用部署方法及装置,方法包括:确定目标应用的运行模式为打包模式;其中,目标应用包括业务代码;对业务代码进行打包处理,得到业务代码文件:对预设的各个运行环境的环境参数依次进行打包处理,得到与各个运行环境的环境参数对应的环境配置文件;基于业务代码文件,生成对应的业务镜像文件;将从各个运行环境的环境参数对应的环境配置文件中选取的与待部署环境匹配的环境配置文件与业务镜像文件结合,生成完整镜像文件;基于完整镜像文件,完成部署。本发明专利技术通过从前端应用中分离出业务代码,根据不同环境自动调取相应环境配置信息,自动完成各个环境的前端部署,降低了部署的出错率和繁琐程度,改善了部署效率和交接难度。署效率和交接难度。署效率和交接难度。

【技术实现步骤摘要】
一种前端应用部署方法及装置


[0001]本专利技术涉及涉及互联网
,尤其涉及一种前端应用部署方法及装置。

技术介绍

[0002]由于前端工程化的快速发展和主流的前后端分离架构,前端也需要根据运行环境来单独打包部署,根据现阶段较流行的前端部署方式,大致分为传统部署和持续集成自动化部署这两种。传统部署方式一般包括登录目标服务器,查看服务器运行的服务,对相应服务进行操作,然后进行备份、删除、上传、解压等操作,最后重启服务,完成最终的前端部署。持续集成自动化部署一般为将目标代码文件通过git上传至gitlab服务器的发布分支,触发部署流程,Jenkins自动扫描拉取gitlab服务器上的目标代码文件,生成镜像,并将镜像推送到harbor服务器,完成自动化部署。
[0003]上述的传统部署方式,虽然可以根据不同环境完成打包部署,但是整体流程相当繁琐且浪费时间,由于纯手工操作,无法保证所有操作的准确性。上述的持续集成自动化部署虽然流程完全自动化,且无需过多人为干预,但是自动化流程中前端打包后dist文件内容已经生成,环境信息已经固定,无法满足多环境的场景。因此,急需一种能够满足前端应用根据不同环境进行自动化打包部署的方法。

技术实现思路

[0004]本专利技术的目的是提供一种前端应用部署方法、装置、电子设备与存储介质,用以解决现有网络技术中前端应用部署时无法同时满足根据不同环境进行自动化打包部署的问题,通过将前端应用中的环境代码和业务代码分离,根据不同环境自动调取相应的环境配置信息,自动化完成各个环境的前端部署,并可持续集成持续部署,极大的降低了部署环节的出错率和繁琐程度,提高了部署效率,同时节省了人力成本,降低了交接难度。
[0005]本专利技术提供一种前端应用部署方法,包括:
[0006]确定目标应用的运行模式为打包模式;其中,所述目标应用包括业务代码;
[0007]对所述业务代码进行打包处理,得到业务代码文件:
[0008]对预设的各个运行环境的环境参数依次进行打包处理,得到与所述各个运行环境的环境参数对应的环境配置文件;
[0009]基于所述业务代码文件,生成对应的业务镜像文件;
[0010]将从所述各个运行环境的环境参数对应的环境配置文件中选取的与待部署环境匹配的环境配置文件与所述业务镜像文件结合,生成完整镜像文件;
[0011]基于所述完整镜像文件,完成部署。
[0012]本专利技术提供一种前端应用部署方法,所述确定目标应用的运行模式为打包模式,包括:
[0013]识别目标应用执行的命令,得到一个环境参数;
[0014]基于所述环境参数,确定所述目标应用的运行模式为打包模式。
[0015]本专利技术提供一种前端应用部署方法,所述对预设的各个运行环境的环境参数依次进行打包处理,得到与所述各个运行环境的环境参数对应的环境配置文件,其中,对所述预设的各个运行环境的环境参数中的任意一种运行环境的环境参数的打包处理包括:
[0016]基于预定的环境参数,得到全局环境变量和自定义数据源;
[0017]基于所述全局环境变量和所述自定义数据源,得到变量配置文本;
[0018]将所述变量配置文本写入环境配置文件;其中,所述环境配置文件由运行环境的文件操作模块创建。
[0019]本专利技术提供一种前端应用部署方法,所述基于所述全局环境变量和所述自定义数据源,得到变量配置文本,包括:
[0020]基于所述全局环境变量和所述自定义数据源,构建完整的数据存储对象;
[0021]基于所述数据存储对象,按照所述目标应用预定的约束字段,使用正则匹配出目标应用运行时所需要的全局变量对象;
[0022]基于所述全局变量,得到变量配置文本。
[0023]本专利技术提供一种前端应用部署方法,所述全局环境变量和自定义数据源包含目标应用所用到的数据接口。
[0024]本专利技术提供一种前端应用部署方法,所述目标应用还包括环境代码,还包括:
[0025]对所述环境代码进行打包处理,得到初始环境配置文件;
[0026]将所述初始环境配置文件与所述业务代码文件进行关联。
[0027]本专利技术提供一种前端应用部署方法,在所述确定目标应用的运行模式为打包模式之前,还包括:
[0028]获取目标应用的代码文件,将所述代码文件上传至代码仓库;
[0029]确定所述代码文件的当前部署版本,并将所述当前部署版本的版本号标记为tag标签。
[0030]本专利技术还提供一种前端应用部署装置,包括:
[0031]打包模式确定模块,用于确定目标应用的运行模式为打包模式;其中,所述目标应用包括业务代码;
[0032]业务打包模块,用于对所述业务代码进行打包处理,得到业务代码文件;
[0033]环境打包模块,用于对预设的各个运行环境的环境参数依次进行打包处理,得到与所述各个运行环境的环境参数对应的环境配置文件;
[0034]业务镜像生成模块,用于基于所述业务代码文件,生成对应的业务镜像文件;
[0035]完整镜像生成模块,用于将从所述各个运行环境的环境参数对应的环境配置文件中选取的与待部署环境匹配的环境配置文件与所述业务镜像文件结合,生成完整镜像文件;
[0036]部署模块,用于基于所述完整镜像文件,完成部署。
[0037]本专利技术还提供一种电子设备,包括存储器、处理器、总线以及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述程序时实现任一项所述前端应用部署方法的步骤。
[0038]本专利技术还提供一种非暂态计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现任一项所述前端应用部署方法的步骤。
[0039]本专利技术提供一种前端应用部署方法及装置,通过确定目标应用的运行模式为打包模式;其中,所述目标应用包括业务代码;对所述业务代码进行打包处理,得到业务代码文件:对预设的各个运行环境的环境参数依次进行打包处理,得到与所述各个运行环境的环境参数对应的环境配置文件;基于所述业务代码文件,生成对应的业务镜像文件;将从所述各个运行环境的环境参数对应的环境配置文件中选取的与待部署环境匹配的环境配置文件与所述业务镜像文件结合,生成完整镜像文件;基于所述完整镜像文件,完成部署。本专利技术通过从前端应用中分离出业务代码,根据不同环境自动调取相应的环境配置信息,自动化完成各个环境的前端部署,并可持续集成持续部署,极大的降低了部署环节的出错率和繁琐程度,提高了部署效率,同时节省了人力成本,降低了交接难度。
附图说明
[0040]为了更清楚地说明本专利技术或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0041]图1是本专利技术提供的前端应用部署方法的本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种前端应用部署方法,其特征在于,包括:确定目标应用的运行模式为打包模式;其中,所述目标应用包括业务代码;对所述业务代码进行打包处理,得到业务代码文件:对预设的各个运行环境的环境参数依次进行打包处理,得到与所述各个运行环境的环境参数对应的环境配置文件;基于所述业务代码文件,生成对应的业务镜像文件;将从所述各个运行环境的环境参数对应的环境配置文件中选取的与待部署环境匹配的环境配置文件与所述业务镜像文件结合,生成完整镜像文件;基于所述完整镜像文件,完成部署。2.根据权利要求1所述的前端应用部署方法,其特征在于,所述确定目标应用的运行模式为打包模式,包括:识别目标应用执行的命令,得到一个环境参数;基于所述环境参数,确定所述目标应用的运行模式为打包模式。3.根据权利要求1所述的前端应用部署方法,其特征在于,所述对预设的各个运行环境的环境参数依次进行打包处理,得到与所述各个运行环境的环境参数对应的环境配置文件,其中,对所述预设的各个运行环境的环境参数中的任意一种运行环境的环境参数的打包处理包括:基于预定的环境参数,得到全局环境变量和自定义数据源;基于所述全局环境变量和所述自定义数据源,得到变量配置文本;将所述变量配置文本写入环境配置文件;其中,所述环境配置文件由运行环境的文件操作模块创建。4.根据权利要求3所述的前端应用部署方法,其特征在于,所述基于所述全局环境变量和所述自定义数据源,得到变量配置文本,包括:基于所述全局环境变量和所述自定义数据源,构建完整的数据存储对象;基于所述数据存储对象,按照所述目标应用预定的约束字段,使用正则匹配出目标应用运行时所需要的全局变量对象;基于所述全局变量,得到变量配置文本。5.根据权利要求3所述的前端应用...

【专利技术属性】
技术研发人员:陈招乔健张蒙亮洪颖
申请(专利权)人:北京中亦安图科技股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1