本发明涉及一种前端开发环境的搭建方法、装置、设备及存储介质,其主要运用于前端开发使用语言进行过渡的场景中,其基本思想是:将现有工程的资源文件及配置文件以及根据开发需求生成的配置资源文件等进行封装形成前端模块,该前端模块包括前端平台模块以及前端应用模块,其中的前端平台模块又包括前端基础模块,前端基础模块包括若干基础子模块,前端模块中包括了前端应用模块的依赖以及组件的依赖,将前端模块发布后,开发人员能够通过这种方式直接通过配置文件读取这些前端模块,而不再依赖于已编译的后端工程文件,对于开发工作人员而言提供了一种新的前端开发环境以及一种新的前端开发环境的快速搭建方法。图1为本发明实施例一提供的流程图,本实施例可适用于对前端工程进行封装以独有进行配置的情况,该方法具体包括如下步骤:在步骤110中,通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;本发明实施例一种可行的实施方式中,所述源工程可以为在开发过程中的原java环境中的java工程。通过技术搭建为广大用户研发先进的信息技术搭建起一个适合企业业务和管理需要的应用服务平台。重庆提供技术搭建市场价
本发明通过将原工作的模块包文件抽离封装形成独有的客户端的形式,使得按照开发需求根据已形成的客户端进行所需要的配置,根据不同的配置文件能够形成不同的客户端模块,将所有需要的配置打包成一个模块发布到管理平台后开发人员能够直接使用这些客户端模块。本发明解决了在非前后端分离开发过程中过于依赖后端环境的问题,降低了前端开发的难度,同时也解决了完全前后端分离下前端工程结构未能按模块拆分过于耦合的问题。本发明中,上述各技术方案之间还可以相互组合,以实现更多的推荐组合方案。本发明的其他特征和优点将在随后的说明书中阐述,并且,部分优点可从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点可通过说明书以及附图中所特别指出的内容中来实现和获得。具体实施方式为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。重庆智能化技术搭建信息中心无锡邦程信息科技有限公司专业从事网站建设、为客户提供一站式品牌策划、创意设计、开发及托管等服务。
在传统的web应用开发的基础结构,例如api、web和server结构的web微服务平台化的前端开发框架基础上增加了新的前端模块,结合图2所示,为本发明的实施例的模块结构划分示意图,其中的前端模块为现有的api、web和server的基础上增加的client模块(前端模块),从图中可以看出,所述前端模块与原有的java工程完全解耦,使得前端模块在web微服务平台化的前端开发框架中拥有更灵活的应用以及更多创造性应用。结合图3所示,为本发明的前端模块在web微服务平台化的前端开发框架下的前端模块的工程结构,其中,前端工程结构是基于npm的模块化管理实现,工程结构与模块划分也更加清晰,结合图2及图3所示,前端平台模块包括若干平台基础模块,每一平台基础模块又包括若干平台基础子模块,各模块之间的关系亦可包括前端开发环境搭建所需要的依赖关系。结合图3所示,本发明实施例一种可行的实施方式中,所述前端模块的管理单元为npm私的服,可通过nexus来搭建npm私的服,client模块可以发布至私的服后供其他需要的平台下载,进而提供前端模块、应用和组件的依赖管理。结合图3所示,封装后的前端模块中的base-client为前端基础子模块;starter-portal-client为平台基础模块。
所述模块包文件为通过java语言编写的java代码形成的jar包,每一独有形成的jar包可能用于实现某一功能或者应用。通过源工程获取的资源文件,可以为html,js,css,img文件中的一种或两种及以上的组合,例如通过java语言实现的jar,在jar包内可包括其对应的资源文件,可通过封装的形式形成所述前端模块,其它类型的资源文件可以为根据具体代码封装生成。本发明实施例的一种具体的实施场景中,所述前端资源文件还包括根据开发需求形成的资源文件,根据具体的开发需求可以实现资源文件的定制,进一步还可以实现对资源文件的平台共享。在步骤120中,对所述前端应用模块所属的前端模块进行定义,其中,所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置;在步骤110中生成的前端模块为基础的客户端模块,其所形成的模块中至少应包括静态资源目录和工程化相关文件,对静态资源目录和工程化相关文件进行的具体配置即为对所述前端模块进行的定义。所述工程化相关文件为通过本发明的方法搭建的前端开发环境中,在开发过程中的工程所使用的工程化相关文件,其包括但不限于预编译文件、模块化打包文件以及压缩文件等。本步骤中的定义。无锡邦程信息科技有限公司,向广大用户提供好质量产品和好质量服务,从而赢得了用户的信赖。
对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。结合上述说明,在本发明实例的另一种可能的实施方式中,对所述前端应用模块所属的前端模块进行定义,还包括:对所述前端模块的预编译命令进行配置;和/或对所述前端模块的资源映射进行配置。结合上述说明,在本发明实例的另一种可能的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:获取所述前端模块的应用模块与组件间的一依赖关系;工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:所述资源文件包括html,js,css,img文件中的一种或两种及以上的组合。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:基于http-proxy实现所述前端模块的服务接口调用。第二方面,本发明实施例还提供了一种前端开发环境的搭建装置,所述装置包括:封装单元,用于将模块包文件从原代码工程中抽离。同客户的实际情况和具体需求进行良好结合,为不同类型的客户提供好品质的互联网应用定制解决方案。甘肃业务前景技术搭建市场价
无锡邦程信息科技有限公司,专业的帮助客户在新的全球化互联网环境中保持优势。重庆提供技术搭建市场价
基于微服务的完善前端开发环境搭建完成之后,能够实现前端应用的独有解耦、前端依赖管理、纯粹的开发环境和平台化工程化的管理。本领域技术人员可以理解,实现上述实施例方法的全部或部分流程,可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于计算机可读存储介质中。其中,所述计算机可读存储介质为磁盘、光盘、只读存储记忆体或随机存储记忆体等。图6示例了一种电子设备的实体结构示意图,如图6所示,该电子设备可以包括:处理器(processor)810、通信接口(communicationsinterface)820、存储器(memory)830和通信总线840,其中,处理器810,通信接口820,存储器830通过通信总线840完成相互间的通信。处理器810可以调用存储器830中的逻辑指令,以执行如下方法:通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;所述前端应用模块所属的前端模块进行定义,其中,所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置;通过javascript包管理工具建立所述定义后的前端模块的依赖关系。重庆提供技术搭建市场价
无锡邦程信息科技有限公司汇集了大量的优秀人才,集企业奇思,创经济奇迹,一群有梦想有朝气的团队不断在前进的道路上开创新天地,绘画新蓝图,在江苏省等地区的商务服务中始终保持良好的信誉,信奉着“争取每一个客户不容易,失去每一个用户很简单”的理念,市场是企业的方向,质量是企业的生命,在公司有效方针的领导下,全体上下,团结一致,共同进退,**协力把各方面工作做得更好,努力开创工作的新局面,公司的新高度,未来无锡邦程信息科技供应和您一起奔向更美好的未来,即使现在有一点小小的成绩,也不足以骄傲,过去的种种都已成为昨日我们只有总结经验,才能继续上路,让我们一起点燃新的希望,放飞新的梦想!