[发明专利]前端项目多环境共用镜像的方法及计算机可读存储介质

说明书

本发明实施例公开了一种前端项目多环境共用镜像的方法，包括：前端项目编码需要引用后端接口地址时，插入占位符代替真实的后端接口地址，基于设置代码进行前端编译得到前端静态文件；基于前端静态文件和定制的启动脚本构建前端镜像；将构建出来的前端镜像推送至中央镜像仓库；前端项目在多套kubernetes集群环境中部署时从中央镜像仓库拉取同一个前端镜像；前端项目的kubernetes部署文件通过指令引用定制的启动脚本，并添加API‑URL环境变量用于动态传入后端接口地址；定制的启动脚本接收到部署文件中传入的API‑URL环境变量，并执行变更操作，将静态文件中的占位符修改为传入的环境变量的值；前端镜像中基于已修改后的前端静态文件启动前端服务。

技术领域

本发明属于软件技术领域，具体涉及一种前端项目多环境共用镜像的方法及计算机可读存储介质。

背景技术

在云原生技术的普及下，越来越多的企业使用kubernetes来部署项目。然后由于企业业务复杂，往往需要准备多套技术环境，比如开发kubernetes环境、测试kubernetes环境以及生产kubernetes环境等，由此衍生出一个新的问题。kubernetes是一个开源的，用于管理云平台中多个主机上的容器化的应用。

由于前端项目编译时需要在代码中确定好后端接口地址，多套技术的存在导致了一个后端服务会需要多个接口地址来对应多套技术环境。比如开发环境的后端服务接口地址为dev-api.com，那么前端项目在部署到开发环境时就需要在代码中将后端接口地址写为dev-api.com。而测试环境的后端服务地址为test-api.com，那么当前端项目需要部署到测试环境时，就需要修改代码并重新编译。当企业技术环境越来越多，每部署不同的环境就需要修改代码中的后端接口地址并重新编译这种方式就会占用大量时间以及服务器资源。

发明内容

本发明要解决的技术问题是提供一种前端项目多环境共用镜像的方法及计算机可读存储介质，以此实现前端项目编译一次，在部署到各个技术环境时能够动态传入后端服务接口地址，实现多个技术环境复用，节约时间以及服务器资源成本。

为解决上述技术问题，本发明采用如下的技术方案：

第一方面，本发明实施例提供一种前端项目多环境共用镜像的方法，包括：

前端项目编码需要引用后端接口地址时，插入占位符代替真实的后端接口地址，基于设置代码进行前端编译得到前端静态文件；

基于前端静态文件和定制的启动脚本构建前端镜像；

将构建出来的前端镜像推送至中央镜像仓库；

前端项目在多套kubernetes集群环境中部署时从中央镜像仓库拉取同一个前端镜像；

前端项目的kubernetes部署文件通过指令引用定制的启动脚本，并添加API-URL环境变量用于动态传入后端接口地址；

定制的启动脚本接收到部署文件中传入的API-URL环境变量，并执行变更操作，将静态文件中的占位符修改为传入的环境变量的值；

前端镜像中基于已修改后的前端静态文件启动前端服务。

第一方面的一种可能设计中，基于前端静态文件和定制的启动脚本构建前端镜像包括：使用nginx构建基础镜像；使用dockerfile将前端静态文件以及特定的启动脚本构建到镜像中；通过dockerfile CMD指令包装镜像启动脚本。

第一方面的一种可能设计中，将构建出来的前端镜像推送至中央镜像仓库包括：通过docker tag将前端镜像打上特定标签；通过指令连接到中央镜像仓库；将镜像推送至中央镜像仓库。

第二方面，本发明实施例提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，该程序被处理器执行实现如上任一所述的前端项目多环境共用镜像的方法。