在传统的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为平台基础模块。邦程科技视推动中国企业开展电子商务、实现信息化为己任;深入研究企业客户的实际需要的网络技术搭建。宁夏网络营销技术搭建有哪些
所述方法还包括基于http-proxy(代理服务器)实现所述前端模块的服务接口调用。本发明实施例一种可行的实施方式中,通过,代理地址可以在配置文件中进行配置。配置文件中可以指定mock类型、服务地址及规则,mock的实现也是http-proxy代理实现。对于需要预编译client模块的开发环境集成,需要配置文件中指定client模块的开发服务地址及静态资源映射路径,然后亦可通过http-proxy来代理这些资源路径。前端模块在开发中调用服务接口的方式包括以下几种,其均主要基于node的http-proxy来实现:指定的mockserver公用的后台服务;指定的后台开发人员的服务,web微服务平台化的前端开发框架提供了本地缓存,可以将请求过的接口数据进行缓存,在前端完全隔离的情况下使用内置缓存数据进行开发。图5为本发明实施例提供的一种前端开发环境的搭建装置的结构示意图,该装置可由软件和/或硬件实现,一般地集成于服务器中,可通过前端开发环境的搭建方法来实现。如图所示,本实施例可以以上述实施例为基础,提供了一种前端开发环境的搭建装置,其主要包括了封装单元510、配置定义单元520、依赖建立单元530以及环境搭建单元540。其中的封装单元510。青海智能化技术搭建有哪些邦程科技专业网站后台,为网站管理带来福音;可需简单交互,就能更新官网内容;一站更新。
其中的平台基础模块内置多个基础子模块,包含前端开发服务和平台基础资源前端模块的服务器路径、资源路径和模板路径。本发明实施例一种可行的实施方式中,在前端开发环境搭建完成后的应用过程还包括:读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块;对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。本发明实施例的一种实施场景中,在开发完成后平台会针对client模块进行预编译、打包和压缩,整个过程可由,gulp工具是基于流的前端构建工具:通过读取平台配置文件获取所有的client模块,获取需要进行预编译的模块,使用node子进程进行预编译处理;按照client模块顺序输出静态资源到dist目录整合;获取所有client模块中指定的模块化压缩的入口,通过rjs进行模块化压缩输出;后面获得整合后的完整模块包文件所表示的前端代码。本发明实施例的实施场景中,开发人员在新的开发环境中能够通过前端模块快速获取整合后的完整前端代码,而且不需要关联前端的具体工程,整个开发流程大为精简。所述前端开发模块用于前端开发,当开发完成后。
本发明实施例另一种可行的实施方式中,在所述,亦可使用yeoman管理工具管理脚手架模板,yeoman是成熟的工程脚手架管理工具,能够实现快速搭建开发环境。本发明实施例中所述脚手架模块的意义主要为定义工程结构和基础属性设置,初始化之后,只需要将抽离出来的前端资源文件放置在对应的目录中,然后在npm模块入口文件中声明前端模块的静态资源目录和工程化相关(预编译、模块化打包压缩等)配置,即可完成前端模块的封装。本发明实施例一种具体和实施场景中,所述前端模块脚手架装置的配置包括:使用yeoman管理脚手架模板,以快速搭建开发环境;创建portal-client(前端平台模块,属于前端模块中的平台模块)平台脚手架,包含工程结构、基础配置和内置脚本等;创建app-client(前端应用模块,属于前端模块中的应用模块)应用脚手架,包含工程结构、基础配置和内置脚本等;扩展特殊应用脚手架,针对异构开发的兼容等;将脚手架发布至至npm私的服(前端模块的管理平台)进行管理。通过yeoman可以管理多种脚手架以适应不同的场景。本发明实施例一种可行的实施方式中,所述基于,定制之后的脚手架工具能够快速生成相应的项目以提高开发效率。本发明的方法。邦程科技通过周密的策划、深入的调查、理性的分析、精妙的创意、专业的实施。
通过在前端模块接入web微服务平台化的前端开发框架的入口文件中增加相应的申明(以定义的方式或修改属性参数的方式进行)的方式,使得前端模块在,因此通过搭建企业内部的npm仓库,将前端模块的各client模块通过npmpublish发布至搭建的新的前端开发环境,达到所有的client前端模块进行管理的效果。本发明实施例一种可行的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:在步骤410中,获取所述前端模块的应用模块与组件间的一依赖关系;所述一依赖关系为所述模块包文件(具体为业务子模块)在工程中所体现的应用模块与组件之间的依赖关系,其一般可通过资源映射的方式体现,所述一依赖关系一般为原web微服务环境中模块包文件与web微服务之间的通信协议产生的,亦可通过调取资源映射文件的方式调取。在步骤420中,工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;在步骤430中,根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。所述第二依赖关系为模块包文件具体为平台业务模块与对应的应用模块之间的对应关系,其一般地可在封装的配置文件中体现。无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。宁夏网络营销技术搭建有哪些
邦程专业领域包括网站建设、无锡网站优化、网站代运营、阿里巴巴代运营、百度爱采购代理商、移动营销服务。宁夏网络营销技术搭建有哪些
前端开发环境的搭建方法、装置、设备及存储介质。背景技术:微服务是一种服务间松耦合的、每个服务之间高度自治并且使用轻量级协议进行通信的可持续集成部署的分布式架构体系。其可以采取较为典型的分布式结构,细分的部署粒度,服务的扩展性更为灵活。前端开发模式目前有两种方式:其中的一种是,利用微服务体系实现各服务间隔离、自治,体现在工程中各服务模块也相对独有,在基于springcloud搭建的微服务平台架构中,常用的是将每个模块对应的前端资源放入对应的web模块resources/static目录下,通过maven将所有的模块整合在一起,但是这样所有的前端资源都分散在不同的jar包中,通过配置静态资源路由来寻址这些资源,这导致前端开发环境是依赖java工程,可能会受到数据库、中间件等环境的影响,并且资源加载顺序无法控制,静态资源无法热更新,各模块打包时所需的平台资源和公共组件资源无法获得,对于异构模块需要将编译后的代码放入到web工程中才可以使用,而且异构系统在开发阶段获取不了平台的资源环境等,这些都很大程度上影响了前端开发人员的工作环境与效率。另一种前端开发模式就是将前端工程完全独有,将所有模块的代码都放在一个工程中。宁夏网络营销技术搭建有哪些
无锡邦程信息科技有限公司在同行业领域中,一直处在一个不断锐意进取,不断制造创新的市场高度,多年以来致力于发展富有创新价值理念的产品标准,在江苏省等地区的商务服务中始终保持良好的商业口碑,成绩让我们喜悦,但不会让我们止步,残酷的市场磨炼了我们坚强不屈的意志,和谐温馨的工作环境,富有营养的公司土壤滋养着我们不断开拓创新,勇于进取的无限潜力,无锡邦程信息科技供应携手大家一起走向共同辉煌的未来,回首过去,我们不会因为取得了一点点成绩而沾沾自喜,相反的是面对竞争越来越激烈的市场氛围,我们更要明确自己的不足,做好迎接新挑战的准备,要不畏困难,激流勇进,以一个更崭新的精神面貌迎接大家,共同走向辉煌回来!