用于通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件;其中的配置定义单元520,用于对所述前端应用模块所属的前端模块进行定义,其中,所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置;其中的依赖建立单元530,用于通过javascript包管理工具建立所述定义后的前端模块的依赖关系;其中的环境搭建单元540,用于通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中,所述装置还包括:读取模块,用于读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块;管理模块,用于对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。上述实施例中提供的前端开发环境的搭建装置可执行本发明中任意实施例中所提供的前端开发环境的搭建方法,具备执行该方法相应的功能模块和有益效果,未在上述实施例中详细描述的技术细节,可参见本发明任意实施例中所提供的前端开发环境的搭建方法。通过本发明实施例提供的上述装置和方法。邦程科技通过周密的策划、深入的调查、理性的分析、精妙的创意、专业的实施。上海哪里技术搭建包含
通过web微服务平台化的前端开发框架的配置文件获取开发完成的前端模块,对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块通过搭建企业内部的npm仓库,将前端模块通过npm包管理工具的publish组件发布至搭建的至npm私的服(前端模块的管理平台),达到所有的client模块进行管理。本发明实施例的一种实施场景下,所述打包流程包括:利用,用gulp构建任务监控所有静态资源、js、css、sass和html;一般地,具体步骤包括:清理输出目录;对于需要预编译的模板进行预编译处理;整合平台基础依赖和应用模块的资源文件到整合目录;整合应用模块配置的第三方资源文件到整合目录;依据配置的js文件模块化入口进行模块化文件合并;压缩合并后的js模块整合文件和css文件到输出目录;删除整合目录。本发明实施例一种可行的实施方式中,所述前端应用模块所属的前端模块进行定义,还包括对前端模块中的预编译命令以及资源映射进行配置,包括:对所述前端模块的预编译命令进行配置;和/或对所述前端模块的资源映射进行配置。本发明实施例的一般应用场景中,通过在定义client模块时需要对所述前端模块的静态资源目录、模块化打包入口文件、预编译命令、资源映射均进行配置。新疆网络营销技术搭建便捷无锡邦程信息科技有限公司,专业的帮助客户在新的全球化互联网环境中保持优势。
通过在前端模块接入web微服务平台化的前端开发框架的入口文件中增加相应的申明(以定义的方式或修改属性参数的方式进行)的方式,使得前端模块在,因此通过搭建企业内部的npm仓库,将前端模块的各client模块通过npmpublish发布至搭建的新的前端开发环境,达到所有的client前端模块进行管理的效果。本发明实施例一种可行的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:在步骤410中,获取所述前端模块的应用模块与组件间的一依赖关系;所述一依赖关系为所述模块包文件(具体为业务子模块)在工程中所体现的应用模块与组件之间的依赖关系,其一般可通过资源映射的方式体现,所述一依赖关系一般为原web微服务环境中模块包文件与web微服务之间的通信协议产生的,亦可通过调取资源映射文件的方式调取。在步骤420中,工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;在步骤430中,根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。所述第二依赖关系为模块包文件具体为平台业务模块与对应的应用模块之间的对应关系,其一般地可在封装的配置文件中体现。
在传统的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为平台基础模块。同客户的实际情况和具体需求进行良好结合,为不同类型的客户提供好品质的互联网应用定制解决方案。
前端开发环境的搭建方法、装置、设备及存储介质。背景技术:微服务是一种服务间松耦合的、每个服务之间高度自治并且使用轻量级协议进行通信的可持续集成部署的分布式架构体系。其可以采取较为典型的分布式结构,细分的部署粒度,服务的扩展性更为灵活。前端开发模式目前有两种方式:其中的一种是,利用微服务体系实现各服务间隔离、自治,体现在工程中各服务模块也相对独有,在基于springcloud搭建的微服务平台架构中,常用的是将每个模块对应的前端资源放入对应的web模块resources/static目录下,通过maven将所有的模块整合在一起,但是这样所有的前端资源都分散在不同的jar包中,通过配置静态资源路由来寻址这些资源,这导致前端开发环境是依赖java工程,可能会受到数据库、中间件等环境的影响,并且资源加载顺序无法控制,静态资源无法热更新,各模块打包时所需的平台资源和公共组件资源无法获得,对于异构模块需要将编译后的代码放入到web工程中才可以使用,而且异构系统在开发阶段获取不了平台的资源环境等,这些都很大程度上影响了前端开发人员的工作环境与效率。另一种前端开发模式就是将前端工程完全独有,将所有模块的代码都放在一个工程中。通过技术搭建为广大用户研发先进的信息技术搭建起一个适合企业业务和管理需要的应用服务平台。吉林智能化技术搭建市场价
无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。上海哪里技术搭建包含
也可发生于前端模块的封装过程中,即对所述静态资源目录和工程化相关文件进行定义后,结合所述资源文件封装为所述前端模块。在步骤130中,通过javascript包管理工具建立所述定义后的前端模块的依赖关系;所述javascript包管理工具一般为npm包管理工具,通过调用npm包管理工具能够将所述前端模块存储到web微服务平台化的前端开发框架的相应存储路径。本步骤中,定义后的前端模块中包括了静态资源目录和工程化相关文件,通过javascript包管理工具读取所述静态资源目录可建立所述前端模块的依赖关系,通过对所述。所述前端模块可以为一种便于管理的模块包文件,以通过所述javascript包管理工具进行管理。在步骤140中,通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中,所述web微服务平台化的前端开发框架中预建立的工程模板为脚手架模板,通过所述脚手架模板以及对应的配置文件能够获取待用模板,根据所述待用模板以及所述依赖关系能够快速搭建所需要的前端开发环境,定义后的封装前端模块,无须重复编译开发在新的前端开发环境中即可直接调取使用。上海哪里技术搭建包含
无锡邦程信息科技有限公司汇集了大量的优秀人才,集企业奇思,创经济奇迹,一群有梦想有朝气的团队不断在前进的道路上开创新天地,绘画新蓝图,在江苏省等地区的商务服务中始终保持良好的信誉,信奉着“争取每一个客户不容易,失去每一个用户很简单”的理念,市场是企业的方向,质量是企业的生命,在公司有效方针的领导下,全体上下,团结一致,共同进退,**协力把各方面工作做得更好,努力开创工作的新局面,公司的新高度,未来无锡邦程信息科技供应和您一起奔向更美好的未来,即使现在有一点小小的成绩,也不足以骄傲,过去的种种都已成为昨日我们只有总结经验,才能继续上路,让我们一起点燃新的希望,放飞新的梦想!