app-client为业务子模块,portal-client为业务平台整合模块。所述portal-client前端构建包括:通过内置命令对portal-client整体构建打包;通过内置命令发布portal-client和app-client至至npm私的服(前端模块的管理平台),可供其他平台自由组合使用。所述portal-client前端开发配置包括:配置前端开发服务访问端口;配置后端服务反向代理地址;配置mock服务访问模式(mock-server、share-portal、dev-portal);配置平台应用的装载顺序及应用的装载模式;通过内置命令启动前端开发服务;通过平台具体场景及开发环境来配置个人的前端开发环境促进快速开发,联调和测试。具体地,对前端工程portal-client和app-client的初始化,包括:使用管理工具yeoman中的portal-client脚手架创建平台工程portal-client;配置应用依赖,到npm私的服(前端模块的管理平台)中已经存在的client模块可以直接配置后装载;使用yeoman中app-client脚手架创建应用工程app-client;配置应用构建模式及依赖组件;在portal-client中使用内置命令安装client模块(包含平台工程内client及私的服上的client);通过脚手架快速创建工程,并且快速处理应用及组件依赖,构建好本地应用的开发环境。技术搭建,简单易用的管理后台,能实现多个平台同步,实现真正高效管理网站。云南国际技术搭建怎么样
通过在前端模块接入web微服务平台化的前端开发框架的入口文件中增加相应的申明(以定义的方式或修改属性参数的方式进行)的方式,使得前端模块在,因此通过搭建企业内部的npm仓库,将前端模块的各client模块通过npmpublish发布至搭建的新的前端开发环境,达到所有的client前端模块进行管理的效果。本发明实施例一种可行的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:在步骤410中,获取所述前端模块的应用模块与组件间的一依赖关系;所述一依赖关系为所述模块包文件(具体为业务子模块)在工程中所体现的应用模块与组件之间的依赖关系,其一般可通过资源映射的方式体现,所述一依赖关系一般为原web微服务环境中模块包文件与web微服务之间的通信协议产生的,亦可通过调取资源映射文件的方式调取。在步骤420中,工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;在步骤430中,根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。所述第二依赖关系为模块包文件具体为平台业务模块与对应的应用模块之间的对应关系,其一般地可在封装的配置文件中体现。黑龙江网络技术搭建信息中心无锡邦程信息科技有限公司,向广大用户提供好质量产品和好质量服务,从而赢得了用户的信赖。
ramrandomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。另一方面,本发明实施例还提供一种非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现以执行上述各实施例提供的传输方法,例如包括:通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;对所述前端应用模块所属的前端模块进行定义,其中,所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置;通过javascript包管理工具建立所述定义后的前端模块的依赖关系;通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。以上所描述的装置实施例可可是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下。
其中的平台基础模块内置多个基础子模块,包含前端开发服务和平台基础资源前端模块的服务器路径、资源路径和模板路径。本发明实施例一种可行的实施方式中,在前端开发环境搭建完成后的应用过程还包括:读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块;对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。本发明实施例的一种实施场景中,在开发完成后平台会针对client模块进行预编译、打包和压缩,整个过程可由,gulp工具是基于流的前端构建工具:通过读取平台配置文件获取所有的client模块,获取需要进行预编译的模块,使用node子进程进行预编译处理;按照client模块顺序输出静态资源到dist目录整合;获取所有client模块中指定的模块化压缩的入口,通过rjs进行模块化压缩输出;后面获得整合后的完整模块包文件所表示的前端代码。本发明实施例的实施场景中,开发人员在新的开发环境中能够通过前端模块快速获取整合后的完整前端代码,而且不需要关联前端的具体工程,整个开发流程大为精简。所述前端开发模块用于前端开发,当开发完成后。邦程科技专业网站后台,为网站管理带来福音;可需简单交互,就能更新官网内容;一站更新。
基于微服务的完善前端开发环境搭建完成之后,能够实现前端应用的独有解耦、前端依赖管理、纯粹的开发环境和平台化工程化的管理。本领域技术人员可以理解,实现上述实施例方法的全部或部分流程,可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于计算机可读存储介质中。其中,所述计算机可读存储介质为磁盘、光盘、只读存储记忆体或随机存储记忆体等。图6示例了一种电子设备的实体结构示意图,如图6所示,该电子设备可以包括:处理器(processor)810、通信接口(communicationsinterface)820、存储器(memory)830和通信总线840,其中,处理器810,通信接口820,存储器830通过通信总线840完成相互间的通信。处理器810可以调用存储器830中的逻辑指令,以执行如下方法:通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;所述前端应用模块所属的前端模块进行定义,其中,所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置;通过javascript包管理工具建立所述定义后的前端模块的依赖关系。同客户的实际情况和具体需求进行良好结合,为不同类型的客户提供好品质的互联网应用定制解决方案。黑龙江网络技术搭建信息中心
邦程一直秉承专业、诚信、服务、进取的价值观,坚持互联网品牌设计经验和整合营销的理念。云南国际技术搭建怎么样
所述方法还包括基于http-proxy(代理服务器)实现所述前端模块的服务接口调用。本发明实施例一种可行的实施方式中,通过,代理地址可以在配置文件中进行配置。配置文件中可以指定mock类型、服务地址及规则,mock的实现也是http-proxy代理实现。对于需要预编译client模块的开发环境集成,需要配置文件中指定client模块的开发服务地址及静态资源映射路径,然后亦可通过http-proxy来代理这些资源路径。前端模块在开发中调用服务接口的方式包括以下几种,其均主要基于node的http-proxy来实现:指定的mockserver公用的后台服务;指定的后台开发人员的服务,web微服务平台化的前端开发框架提供了本地缓存,可以将请求过的接口数据进行缓存,在前端完全隔离的情况下使用内置缓存数据进行开发。图5为本发明实施例提供的一种前端开发环境的搭建装置的结构示意图,该装置可由软件和/或硬件实现,一般地集成于服务器中,可通过前端开发环境的搭建方法来实现。如图所示,本实施例可以以上述实施例为基础,提供了一种前端开发环境的搭建装置,其主要包括了封装单元510、配置定义单元520、依赖建立单元530以及环境搭建单元540。其中的封装单元510。云南国际技术搭建怎么样
无锡邦程信息科技有限公司汇集了大量的优秀人才,集企业奇思,创经济奇迹,一群有梦想有朝气的团队不断在前进的道路上开创新天地,绘画新蓝图,在江苏省等地区的商务服务中始终保持良好的信誉,信奉着“争取每一个客户不容易,失去每一个用户很简单”的理念,市场是企业的方向,质量是企业的生命,在公司有效方针的领导下,全体上下,团结一致,共同进退,**协力把各方面工作做得更好,努力开创工作的新局面,公司的新高度,未来无锡邦程信息科技供应和您一起奔向更美好的未来,即使现在有一点小小的成绩,也不足以骄傲,过去的种种都已成为昨日我们只有总结经验,才能继续上路,让我们一起点燃新的希望,放飞新的梦想!