前端开发环境的搭建方法、装置、设备及存储介质。背景技术:微服务是一种服务间松耦合的、每个服务之间高度自治并且使用轻量级协议进行通信的可持续集成部署的分布式架构体系。其可以采取较为典型的分布式结构,细分的部署粒度,服务的扩展性更为灵活。前端开发模式目前有两种方式:其中的一种是,利用微服务体系实现各服务间隔离、自治,体现在工程中各服务模块也相对独有,在基于springcloud搭建的微服务平台架构中,常用的是将每个模块对应的前端资源放入对应的web模块resources/static目录下,通过maven将所有的模块整合在一起,但是这样所有的前端资源都分散在不同的jar包中,通过配置静态资源路由来寻址这些资源,这导致前端开发环境是依赖java工程,可能会受到数据库、中间件等环境的影响,并且资源加载顺序无法控制,静态资源无法热更新,各模块打包时所需的平台资源和公共组件资源无法获得,对于异构模块需要将编译后的代码放入到web工程中才可以使用,而且异构系统在开发阶段获取不了平台的资源环境等,这些都很大程度上影响了前端开发人员的工作环境与效率。另一种前端开发模式就是将前端工程完全独有,将所有模块的代码都放在一个工程中。无锡邦程信息科技有限公司专业从事网站建设、为客户提供一站式品牌策划、创意设计、开发及托管等服务。贵州如何技术搭建信息中心
提供完全纯粹的前端开发环境,但是这样平台无法对已有的模块自由组合,缺少模块的依赖管理,体系上也无法和后端的模块对应上,这样也不是我们所期望的结果。技术实现要素:鉴于上述的分析,本发明实施例旨在提供一种前端开发环境的搭建方法、装置、设备及存储介质,用以解决现有的前端开发过程中过于依赖后端工程的问题。一方面,本发明实施例提供了一种前端开发环境的搭建方法,所述方法包括:通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;所述前端应用模块所属的前端模块进行定义,其中,所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置;通过javascript包管理工具建立所述定义后的前端模块的依赖关系;通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块。云南营销技术搭建包含技术搭建,简单易用的管理后台,能实现多个平台同步,实现真正高效管理网站。
本发明通过将原工作的模块包文件抽离封装形成独有的客户端的形式,使得按照开发需求根据已形成的客户端进行所需要的配置,根据不同的配置文件能够形成不同的客户端模块,将所有需要的配置打包成一个模块发布到管理平台后开发人员能够直接使用这些客户端模块。本发明解决了在非前后端分离开发过程中过于依赖后端环境的问题,降低了前端开发的难度,同时也解决了完全前后端分离下前端工程结构未能按模块拆分过于耦合的问题。本发明中,上述各技术方案之间还可以相互组合,以实现更多的推荐组合方案。本发明的其他特征和优点将在随后的说明书中阐述,并且,部分优点可从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点可通过说明书以及附图中所特别指出的内容中来实现和获得。具体实施方式为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
通过在前端模块接入web微服务平台化的前端开发框架的入口文件中增加相应的申明(以定义的方式或修改属性参数的方式进行)的方式,使得前端模块在,因此通过搭建企业内部的npm仓库,将前端模块的各client模块通过npmpublish发布至搭建的新的前端开发环境,达到所有的client前端模块进行管理的效果。本发明实施例一种可行的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:在步骤410中,获取所述前端模块的应用模块与组件间的一依赖关系;所述一依赖关系为所述模块包文件(具体为业务子模块)在工程中所体现的应用模块与组件之间的依赖关系,其一般可通过资源映射的方式体现,所述一依赖关系一般为原web微服务环境中模块包文件与web微服务之间的通信协议产生的,亦可通过调取资源映射文件的方式调取。在步骤420中,工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;在步骤430中,根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。所述第二依赖关系为模块包文件具体为平台业务模块与对应的应用模块之间的对应关系,其一般地可在封装的配置文件中体现。同客户的实际情况和具体需求进行良好结合,为不同类型的客户提供好品质的互联网应用定制解决方案。
所述模块包文件为通过java语言编写的java代码形成的jar包,每一独有形成的jar包可能用于实现某一功能或者应用。通过源工程获取的资源文件,可以为html,js,css,img文件中的一种或两种及以上的组合,例如通过java语言实现的jar,在jar包内可包括其对应的资源文件,可通过封装的形式形成所述前端模块,其它类型的资源文件可以为根据具体代码封装生成。本发明实施例的一种具体的实施场景中,所述前端资源文件还包括根据开发需求形成的资源文件,根据具体的开发需求可以实现资源文件的定制,进一步还可以实现对资源文件的平台共享。在步骤120中,对所述前端应用模块所属的前端模块进行定义,其中,所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置;在步骤110中生成的前端模块为基础的客户端模块,其所形成的模块中至少应包括静态资源目录和工程化相关文件,对静态资源目录和工程化相关文件进行的具体配置即为对所述前端模块进行的定义。所述工程化相关文件为通过本发明的方法搭建的前端开发环境中,在开发过程中的工程所使用的工程化相关文件,其包括但不限于预编译文件、模块化打包文件以及压缩文件等。本步骤中的定义。无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。甘肃企业技术搭建如何收费
无锡邦程信息科技有限公司,专业的帮助客户在新的全球化互联网环境中保持优势。贵州如何技术搭建信息中心
通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。需要说明的是,本实施例中的电子设备在具体实现时可以为服务器,也可以为pc机,还可以为其他设备,只要其结构中包括如图6所示的处理器810、通信接口820、存储器830和通信总线840,其中处理器810,通信接口820,存储器830通过通信总线840完成相互间的通信,且处理器810可以调用存储器830中的逻辑指令以执行上述方法即可。本实施例不对电子设备的具体实现形式进行限定。此外,上述的存储器830中的逻辑指令可以通过软件功能单元的形式实现并作为独有的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:u盘、移动硬盘、只读存储器(rom,read-onlymemory)、随机存取存储器。贵州如何技术搭建信息中心
无锡邦程信息科技有限公司在同行业领域中,一直处在一个不断锐意进取,不断制造创新的市场高度,多年以来致力于发展富有创新价值理念的产品标准,在江苏省等地区的商务服务中始终保持良好的商业口碑,成绩让我们喜悦,但不会让我们止步,残酷的市场磨炼了我们坚强不屈的意志,和谐温馨的工作环境,富有营养的公司土壤滋养着我们不断开拓创新,勇于进取的无限潜力,无锡邦程信息科技供应携手大家一起走向共同辉煌的未来,回首过去,我们不会因为取得了一点点成绩而沾沾自喜,相反的是面对竞争越来越激烈的市场氛围,我们更要明确自己的不足,做好迎接新挑战的准备,要不畏困难,激流勇进,以一个更崭新的精神面貌迎接大家,共同走向辉煌回来!