通过在前端模块接入web微服务平台化的前端开发框架的入口文件中增加相应的申明(以定义的方式或修改属性参数的方式进行)的方式,使得前端模块在,因此通过搭建企业内部的npm仓库,将前端模块的各client模块通过npmpublish发布至搭建的新的前端开发环境,达到所有的client前端模块进行管理的效果。本发明实施例一种可行的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:在步骤410中,获取所述前端模块的应用模块与组件间的一依赖关系;所述一依赖关系为所述模块包文件(具体为业务子模块)在工程中所体现的应用模块与组件之间的依赖关系,其一般可通过资源映射的方式体现,所述一依赖关系一般为原web微服务环境中模块包文件与web微服务之间的通信协议产生的,亦可通过调取资源映射文件的方式调取。在步骤420中,工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;在步骤430中,根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。所述第二依赖关系为模块包文件具体为平台业务模块与对应的应用模块之间的对应关系,其一般地可在封装的配置文件中体现。技术搭建,简单易用的管理后台,能实现多个平台同步,实现真正高效管理网站。浙江业务前景技术搭建选择
通过web微服务平台化的前端开发框架的配置文件获取开发完成的前端模块,对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块通过搭建企业内部的npm仓库,将前端模块通过npm包管理工具的publish组件发布至搭建的至npm私的服(前端模块的管理平台),达到所有的client模块进行管理。本发明实施例的一种实施场景下,所述打包流程包括:利用,用gulp构建任务监控所有静态资源、js、css、sass和html;一般地,具体步骤包括:清理输出目录;对于需要预编译的模板进行预编译处理;整合平台基础依赖和应用模块的资源文件到整合目录;整合应用模块配置的第三方资源文件到整合目录;依据配置的js文件模块化入口进行模块化文件合并;压缩合并后的js模块整合文件和css文件到输出目录;删除整合目录。本发明实施例一种可行的实施方式中,所述前端应用模块所属的前端模块进行定义,还包括对前端模块中的预编译命令以及资源映射进行配置,包括:对所述前端模块的预编译命令进行配置;和/或对所述前端模块的资源映射进行配置。本发明实施例的一般应用场景中,通过在定义client模块时需要对所述前端模块的静态资源目录、模块化打包入口文件、预编译命令、资源映射均进行配置。吉林什么是技术搭建包含邦程科技通过周密的策划、深入的调查、理性的分析、精妙的创意、专业的实施。
本发明实施例另一种可行的实施方式中,在所述,亦可使用yeoman管理工具管理脚手架模板,yeoman是成熟的工程脚手架管理工具,能够实现快速搭建开发环境。本发明实施例中所述脚手架模块的意义主要为定义工程结构和基础属性设置,初始化之后,只需要将抽离出来的前端资源文件放置在对应的目录中,然后在npm模块入口文件中声明前端模块的静态资源目录和工程化相关(预编译、模块化打包压缩等)配置,即可完成前端模块的封装。本发明实施例一种具体和实施场景中,所述前端模块脚手架装置的配置包括:使用yeoman管理脚手架模板,以快速搭建开发环境;创建portal-client(前端平台模块,属于前端模块中的平台模块)平台脚手架,包含工程结构、基础配置和内置脚本等;创建app-client(前端应用模块,属于前端模块中的应用模块)应用脚手架,包含工程结构、基础配置和内置脚本等;扩展特殊应用脚手架,针对异构开发的兼容等;将脚手架发布至至npm私的服(前端模块的管理平台)进行管理。通过yeoman可以管理多种脚手架以适应不同的场景。本发明实施例一种可行的实施方式中,所述基于,定制之后的脚手架工具能够快速生成相应的项目以提高开发效率。本发明的方法。
所述第二依赖关系可以为在新增前端模块的web微服务环境中前端模块与对应的组件或对应应用之间的通信协议产生,所述一依赖关系与所述第二依赖关系之间可以互为补充,亦可为互为包含,通过根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系,能够避免封装后的前端模块在配置时出现依赖偏差。本发明实施例的前端开发环境搭建完成后,通过读取平台配置文件获取所需要的client模块,按照配置文件中的顺序依次加载对应的各模块,然后获取到各模块的静态资源路径,将该路径通过执行,这样就实现了结合上述依赖关系控制client模块的静态资源加载及相应顺序。在平台与client模块开发过程中,还可以通过npmlink命令实现开发的工程组下内部模块协同开发的问题,防止频繁的发布和装载。通过本发明实施例搭建的前端开发环境,可以让前端人员友好的控制及调试开发,不依赖任何后端服务、数据库和中间件。本发明实施例一种可行的实施方式中,平台提供的client模块的模板可内置多种命令完善前端工程化的结构标准、代码规范,例如editorconfig:同化编辑器之前差异;eslint:模块包文件所表示的代码校验;prettier:美化代码等。本发明实施例一种可行的实施方式中。无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。
在传统的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为平台基础模块。无锡邦程信息科技有限公司开,创性地建立了适合中小企业需要的IT应用服务运营模式。宁夏营销技术搭建如何收费
无锡邦程信息科技有限公司,专业的帮助客户在新的全球化互联网环境中保持优势。浙江业务前景技术搭建选择
并将每一段独有的抽离后的模块包文件发送至web微服务平台化的前端开发框架,以生成对应的前端模块;配置定义单元,用于对所述前端应用模块所属的前端模块进行定义,其中,所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置;依赖建立单元,用于通过javascript包管理工具建立所述定义后的前端模块的依赖关系;环境搭建单元,用于从所述web微服务平台化的前端开发框架中预建立的工程模板中获取待搭建环境的待用模板,根据待用模板以及所述依赖关系搭建前端开发环境。上述的装置,所述装置还包括:读取模块,用于读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块;管理模块,用于对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。第三方面,本发明还提供了一种电子设备,所述电子设备包括:处理器;用于存储处理器可执行的指令的存储器;其中,所述存储器被配置为用以实施上述的前端开发环境的搭建方法。第四方面,本发明还提供了一种非易失性计算机可读存储介质,其上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现上述任意一项所述的前端开发环境的搭建方法。浙江业务前景技术搭建选择
无锡邦程信息科技有限公司是一家有着先进的发展理念,先进的管理经验,在发展过程中不断完善自己,要求自己,不断创新,时刻准备着迎接更多挑战的活力公司,在江苏省等地区的商务服务中汇聚了大量的人脉以及**,在业界也收获了很多良好的评价,这些都源自于自身的努力和大家共同进步的结果,这些评价对我们而言是比较好的前进动力,也促使我们在以后的道路上保持奋发图强、一往无前的进取创新精神,努力把公司发展战略推向一个新高度,在全体员工共同努力之下,全力拼搏将共同无锡邦程信息科技供应和您一起携手走向更好的未来,创造更有价值的产品,我们将以更好的状态,更认真的态度,更饱满的精力去创造,去拼搏,去努力,让我们一起更好更快的成长!