前端项目实现方法、装置、电子设备和存储介质与流程

    专利2026-08-28  5


    本发明实施例涉及计算机,尤其涉及一种前端项目实现方法、装置、电子设备和存储介质。


    背景技术:

    1、随着前端技术的不断发展,前端开发已经逐渐成为软件开发的重要组成部分。vue作为一种流行的前端框架,广泛应用于各种web应用程序的开发。

    2、目前,传统的vue项目打包过程通常涉及到复杂的构建和配置,尤其在开发环境和生产环境之间,打包配置往往需要分别进行,且直接将环境相关数据写在项目的代码包中,这导致了开发环境和生产环境下的打包结果不一致,而打包不一致会导致出现不可重现的错误、软件功能不一致、项目部署延迟和困难等问题。


    技术实现思路

    1、本发明实施例提供一种前端项目实现方法、装置、电子设备和存储介质,解决了开发环境和生产环境下的打包结果不一致导致的不可重现的错误、软件功能不一致、部署延迟和困难等问题,从而提高了前端开发的效率和稳定性。

    2、第一方面,本发明实施例提供的前端项目实现方法,该方法包括:

    3、查询前端项目的容器配置文件中挂载的环境变量配置文件,以确定所述前端项目当前部署的目标环境,所述前端项目采用同一打包镜像文件在不同环境中部署;

    4、从所述前端项目的环境属性配置文件中获取所述目标环境的属性配置数据;

    5、根据所述属性配置数据访问所述目标环境对应的目标服务器,以获取所述前端项目的项目数据;

    6、根据所述项目数据实现所述前端项目。

    7、上述技术方案中,通过查询前端项目的容器配置文件中挂载的环境变量配置文件,以确定前端项目当前部署的目标环境,为之后获取目标环境的属性配置数据,提供了数据基础。并且前端项目采用同一打包镜像文件在不同环境中部署,简化了前端项目的构建和部署过程,提高了可维护性、可扩展性和一致性。之后从前端项目的环境属性配置文件中获取目标环境的属性配置数据,为之后得到前端项目的项目数据,提供了数据基础。然后根据属性配置数据访问目标环境对应的目标服务器,以获取前端项目的项目数据,为之后实现前端项目提供了数据基础。最后根据项目数据实现前端项目,生成了用户可以使用的可视化界面,方便了用户的操作。即本发明通过改进项目部署过程,在部署项目时,在项目的容器配置文件中挂载环境变量配置文件,容器配置文件中挂载的环境变量配置文件具有最高的执行优先级,使得项目在运行的过程中,可以优先执行环境变量配置文件,以获取部署环境相关数据,从而让项目可以适应不同的部署环境,一个项目采用同一打包镜像文件可以在不同环境中部署,即各个环境中部署的打包结果是一致的,可以解决不同环境下的打包结果不一致导致的各种问题,从而提高了前端开发的效率和稳定性。

    8、第二方面,本发明实施例提供的前端项目实现装置,该装置包括:

    9、环境确定模块,用于查询前端项目的容器配置文件中挂载的环境变量配置文件,以确定所述前端项目当前部署的目标环境,所述前端项目采用同一打包镜像文件在不同环境中部署;

    10、配置获取模块,用于从所述前端项目的环境属性配置文件中获取所述目标环境的属性配置数据;

    11、访问模块,用于根据所述属性配置数据访问所述目标环境对应的目标服务器,以获取所述前端项目的项目数据;

    12、项目实现模块,用于根据所述项目数据实现所述前端项目。

    13、第三方面,本发明实施例提供的电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行程序时实现如本发明任一实施例的前端项目实现方法。

    14、第四方面,本发明实施例提供的计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明任一实施例的前端项目实现方法。

    15、本发明中第二方面、第三方面以及第四方面的描述,可以参考第一方面的详细描述;并且,第二方面、第三方面以及第四方面描述的有益效果,可以参考第一方面的有益效果分析,此处不再赘述。

    16、在本发明中,上述前端项目实现装置的名字对设备或功能模块本身不构成限定,在实际实现中,这些设备或功能模块可以以其他名称出现。只要各个设备或功能模块的功能和本发明类似,属于本发明权利要求及其等同技术的范围之内。

    17、本发明的这些方面或其他方面在以下的描述中会更加简明易懂。



    技术特征:

    1.一种前端项目实现方法,其特征在于,包括:

    2.根据权利要求1所述的前端项目实现方法,其特征在于,在查询前端项目的容器配置文件中挂载的环境变量配置文件之前,还包括:

    3.根据权利要求2所述的前端项目实现方法,其特征在于,在将所述环境标识写入所述环境变量配置文件之后,还包括:

    4.根据权利要求2所述的前端项目实现方法,其特征在于,在将所述环境标识写入所述环境变量配置文件之后,还包括:

    5.根据权利要求1所述的前端项目实现方法,其特征在于,所述从所述前端项目的环境属性配置文件中获取所述目标环境的属性配置数据,包括:

    6.根据权利要求1所述的前端项目实现方法,其特征在于,所述目标环境包括开发环境、测试环境、预发环境、灰度环境或生产环境。

    7.根据权利要求1所述的前端项目实现方法,其特征在于,所述打包镜像文件通过如下方式生成:

    8.一种前端项目实现装置,其特征在于,包括:

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

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


    技术总结
    本发明实施例提供一种前端项目实现方法、装置、电子设备和存储介质,涉及计算机技术领域。该方法包括:查询前端项目的容器配置文件中挂载的环境变量配置文件,以确定前端项目当前部署的目标环境,前端项目采用同一打包镜像文件在不同环境中部署;从前端项目的环境属性配置文件中获取目标环境的属性配置数据;根据属性配置数据访问目标环境对应的目标服务器,以获取前端项目的项目数据;根据项目数据实现前端项目。本发明的技术方案,解决了开发环境和生产环境下的打包结果不一致导致的不可重现的错误、软件功能不一致性、部署延迟和困难等问题,从而提高了前端开发的效率和稳定性。

    技术研发人员:王晓莉,刘承蓉,于文浩
    受保护的技术使用者:中国农业银行股份有限公司
    技术研发日:
    技术公布日:2024/4/29
    转载请注明原文地址:https://wp.8miu.com/read-101250.html

    最新回复(0)