并将每一段独有的抽离后的模块包文件发送至web微服务平台化的前端开发框架,以生成对应的前端模块;配置定义单元,用于对所述前端应用模块所属的前端模块进行定义,其中,所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置;依赖建立单元,用于通过javascript包管理工具建立所述定义后的前端模块的依赖关系;环境搭建单元,用于从所述web微服务平台化的前端开发框架中预建立的工程模板中获取待搭建环境的待用模板,根据待用模板以及所述依赖关系搭建前端开发环境。上述的装置,所述装置还包括:读取模块,用于读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块;管理模块,用于对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。第三方面,本发明还提供了一种电子设备,所述电子设备包括:处理器;用于存储处理器可执行的指令的存储器;其中,所述存储器被配置为用以实施上述的前端开发环境的搭建方法。第四方面,本发明还提供了一种非易失性计算机可读存储介质,其上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现上述任意一项所述的前端开发环境的搭建方法。技术搭建,简单易用的管理后台,能实现多个平台同步,实现真正高效管理网站。上海网络营销技术搭建如何收费
本发明涉及一种前端开发环境的搭建方法、装置、设备及存储介质,其主要运用于前端开发使用语言进行过渡的场景中,其基本思想是:将现有工程的资源文件及配置文件以及根据开发需求生成的配置资源文件等进行封装形成前端模块,该前端模块包括前端平台模块以及前端应用模块,其中的前端平台模块又包括前端基础模块,前端基础模块包括若干基础子模块,前端模块中包括了前端应用模块的依赖以及组件的依赖,将前端模块发布后,开发人员能够通过这种方式直接通过配置文件读取这些前端模块,而不再依赖于已编译的后端工程文件,对于开发工作人员而言提供了一种新的前端开发环境以及一种新的前端开发环境的快速搭建方法。图1为本发明实施例一提供的流程图,本实施例可适用于对前端工程进行封装以独有进行配置的情况,该方法具体包括如下步骤:在步骤110中,通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;本发明实施例一种可行的实施方式中,所述源工程可以为在开发过程中的原java环境中的java工程。辽宁企业技术搭建如何收费邦程专业领域包括网站建设、无锡网站优化、网站代运营、阿里巴巴代运营、百度爱采购代理商、移动营销服务。
本发明实施例另一种可行的实施方式中,在所述,亦可使用yeoman管理工具管理脚手架模板,yeoman是成熟的工程脚手架管理工具,能够实现快速搭建开发环境。本发明实施例中所述脚手架模块的意义主要为定义工程结构和基础属性设置,初始化之后,只需要将抽离出来的前端资源文件放置在对应的目录中,然后在npm模块入口文件中声明前端模块的静态资源目录和工程化相关(预编译、模块化打包压缩等)配置,即可完成前端模块的封装。本发明实施例一种具体和实施场景中,所述前端模块脚手架装置的配置包括:使用yeoman管理脚手架模板,以快速搭建开发环境;创建portal-client(前端平台模块,属于前端模块中的平台模块)平台脚手架,包含工程结构、基础配置和内置脚本等;创建app-client(前端应用模块,属于前端模块中的应用模块)应用脚手架,包含工程结构、基础配置和内置脚本等;扩展特殊应用脚手架,针对异构开发的兼容等;将脚手架发布至至npm私的服(前端模块的管理平台)进行管理。通过yeoman可以管理多种脚手架以适应不同的场景。本发明实施例一种可行的实施方式中,所述基于,定制之后的脚手架工具能够快速生成相应的项目以提高开发效率。本发明的方法。
前端开发环境的搭建方法、装置、设备及存储介质。背景技术:微服务是一种服务间松耦合的、每个服务之间高度自治并且使用轻量级协议进行通信的可持续集成部署的分布式架构体系。其可以采取较为典型的分布式结构,细分的部署粒度,服务的扩展性更为灵活。前端开发模式目前有两种方式:其中的一种是,利用微服务体系实现各服务间隔离、自治,体现在工程中各服务模块也相对独有,在基于springcloud搭建的微服务平台架构中,常用的是将每个模块对应的前端资源放入对应的web模块resources/static目录下,通过maven将所有的模块整合在一起,但是这样所有的前端资源都分散在不同的jar包中,通过配置静态资源路由来寻址这些资源,这导致前端开发环境是依赖java工程,可能会受到数据库、中间件等环境的影响,并且资源加载顺序无法控制,静态资源无法热更新,各模块打包时所需的平台资源和公共组件资源无法获得,对于异构模块需要将编译后的代码放入到web工程中才可以使用,而且异构系统在开发阶段获取不了平台的资源环境等,这些都很大程度上影响了前端开发人员的工作环境与效率。另一种前端开发模式就是将前端工程完全独有,将所有模块的代码都放在一个工程中。同客户的实际情况和具体需求进行良好结合,为不同类型的客户提供好品质的互联网应用定制解决方案。
其中的平台基础模块内置多个基础子模块,包含前端开发服务和平台基础资源前端模块的服务器路径、资源路径和模板路径。本发明实施例一种可行的实施方式中,在前端开发环境搭建完成后的应用过程还包括:读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块;对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。本发明实施例的一种实施场景中,在开发完成后平台会针对client模块进行预编译、打包和压缩,整个过程可由,gulp工具是基于流的前端构建工具:通过读取平台配置文件获取所有的client模块,获取需要进行预编译的模块,使用node子进程进行预编译处理;按照client模块顺序输出静态资源到dist目录整合;获取所有client模块中指定的模块化压缩的入口,通过rjs进行模块化压缩输出;后面获得整合后的完整模块包文件所表示的前端代码。本发明实施例的实施场景中,开发人员在新的开发环境中能够通过前端模块快速获取整合后的完整前端代码,而且不需要关联前端的具体工程,整个开发流程大为精简。所述前端开发模块用于前端开发,当开发完成后。透过庞大的全球性商务网络,面对面地向企业客户提供全方面、标准化、一站式的IT应用服务和信息化解决方案。云南提供技术搭建好处
无锡邦程信息科技有限公司开,创性地建立了适合中小企业需要的IT应用服务运营模式。上海网络营销技术搭建如何收费
所述模块包文件为通过java语言编写的java代码形成的jar包,每一独有形成的jar包可能用于实现某一功能或者应用。通过源工程获取的资源文件,可以为html,js,css,img文件中的一种或两种及以上的组合,例如通过java语言实现的jar,在jar包内可包括其对应的资源文件,可通过封装的形式形成所述前端模块,其它类型的资源文件可以为根据具体代码封装生成。本发明实施例的一种具体的实施场景中,所述前端资源文件还包括根据开发需求形成的资源文件,根据具体的开发需求可以实现资源文件的定制,进一步还可以实现对资源文件的平台共享。在步骤120中,对所述前端应用模块所属的前端模块进行定义,其中,所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置;在步骤110中生成的前端模块为基础的客户端模块,其所形成的模块中至少应包括静态资源目录和工程化相关文件,对静态资源目录和工程化相关文件进行的具体配置即为对所述前端模块进行的定义。所述工程化相关文件为通过本发明的方法搭建的前端开发环境中,在开发过程中的工程所使用的工程化相关文件,其包括但不限于预编译文件、模块化打包文件以及压缩文件等。本步骤中的定义。上海网络营销技术搭建如何收费
无锡邦程信息科技有限公司是一家有着雄厚实力背景、信誉可靠、励精图治、展望未来、有梦想有目标,有组织有体系的公司,坚持于带领员工在未来的道路上大放光明,携手共画蓝图,在江苏省等地区的商务服务行业中积累了大批忠诚的客户粉丝源,也收获了良好的用户口碑,为公司的发展奠定的良好的行业基础,也希望未来公司能成为*****,努力为行业领域的发展奉献出自己的一份力量,我们相信精益求精的工作态度和不断的完善创新理念以及自强不息,斗志昂扬的的企业精神将**无锡邦程信息科技供应和您一起携手步入辉煌,共创佳绩,一直以来,公司贯彻执行科学管理、创新发展、诚实守信的方针,员工精诚努力,协同奋取,以品质、服务来赢得市场,我们一直在路上!