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仓库,将前端模块通过npm包管理工具的publish组件发布至搭建的至npm私的服(前端模块的管理平台),达到所有的client模块进行管理。本发明实施例的一种实施场景下,所述打包流程包括:利用,用gulp构建任务监控所有静态资源、js、css、sass和html;一般地,具体步骤包括:清理输出目录;对于需要预编译的模板进行预编译处理;整合平台基础依赖和应用模块的资源文件到整合目录;整合应用模块配置的第三方资源文件到整合目录;依据配置的js文件模块化入口进行模块化文件合并;压缩合并后的js模块整合文件和css文件到输出目录;删除整合目录。本发明实施例一种可行的实施方式中,所述前端应用模块所属的前端模块进行定义,还包括对前端模块中的预编译命令以及资源映射进行配置,包括:对所述前端模块的预编译命令进行配置;和/或对所述前端模块的资源映射进行配置。本发明实施例的一般应用场景中,通过在定义client模块时需要对所述前端模块的静态资源目录、模块化打包入口文件、预编译命令、资源映射均进行配置。
前端开发环境的搭建方法、装置、设备及存储介质。背景技术:微服务是一种服务间松耦合的、每个服务之间高度自治并且使用轻量级协议进行通信的可持续集成部署的分布式架构体系。其可以采取较为典型的分布式结构,细分的部署粒度,服务的扩展性更为灵活。前端开发模式目前有两种方式:其中的一种是,利用微服务体系实现各服务间隔离、自治,体现在工程中各服务模块也相对独有,在基于springcloud搭建的微服务平台架构中,常用的是将每个模块对应的前端资源放入对应的web模块resources/static目录下,通过maven将所有的模块整合在一起,但是这样所有的前端资源都分散在不同的jar包中,通过配置静态资源路由来寻址这些资源,这导致前端开发环境是依赖java工程,可能会受到数据库、中间件等环境的影响,并且资源加载顺序无法控制,静态资源无法热更新,各模块打包时所需的平台资源和公共组件资源无法获得,对于异构模块需要将编译后的代码放入到web工程中才可以使用,而且异构系统在开发阶段获取不了平台的资源环境等,这些都很大程度上影响了前端开发人员的工作环境与效率。另一种前端开发模式就是将前端工程完全独有,将所有模块的代码都放在一个工程中。无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。
所述方法还包括基于http-proxy(代理服务器)实现所述前端模块的服务接口调用。本发明实施例一种可行的实施方式中,通过,代理地址可以在配置文件中进行配置。配置文件中可以指定mock类型、服务地址及规则,mock的实现也是http-proxy代理实现。对于需要预编译client模块的开发环境集成,需要配置文件中指定client模块的开发服务地址及静态资源映射路径,然后亦可通过http-proxy来代理这些资源路径。前端模块在开发中调用服务接口的方式包括以下几种,其均主要基于node的http-proxy来实现:指定的mockserver公用的后台服务;指定的后台开发人员的服务,web微服务平台化的前端开发框架提供了本地缓存,可以将请求过的接口数据进行缓存,在前端完全隔离的情况下使用内置缓存数据进行开发。图5为本发明实施例提供的一种前端开发环境的搭建装置的结构示意图,该装置可由软件和/或硬件实现,一般地集成于服务器中,可通过前端开发环境的搭建方法来实现。如图所示,本实施例可以以上述实施例为基础,提供了一种前端开发环境的搭建装置,其主要包括了封装单元510、配置定义单元520、依赖建立单元530以及环境搭建单元540。其中的封装单元510。无锡邦程信息科技有限公司开,创性地建立了适合中小企业需要的IT应用服务运营模式。上海质量技术搭建好处
技术搭建,简单易用的管理后台,能实现多个平台同步,实现真正高效管理网站。江苏提供技术搭建包含
基于微服务的完善前端开发环境搭建完成之后,能够实现前端应用的独有解耦、前端依赖管理、纯粹的开发环境和平台化工程化的管理。本领域技术人员可以理解,实现上述实施例方法的全部或部分流程,可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于计算机可读存储介质中。其中,所述计算机可读存储介质为磁盘、光盘、只读存储记忆体或随机存储记忆体等。图6示例了一种电子设备的实体结构示意图,如图6所示,该电子设备可以包括:处理器(processor)810、通信接口(communicationsinterface)820、存储器(memory)830和通信总线840,其中,处理器810,通信接口820,存储器830通过通信总线840完成相互间的通信。处理器810可以调用存储器830中的逻辑指令,以执行如下方法:通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;所述前端应用模块所属的前端模块进行定义,其中,所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置;通过javascript包管理工具建立所述定义后的前端模块的依赖关系。江苏提供技术搭建包含
无锡邦程信息科技有限公司是一家有着先进的发展理念,先进的管理经验,在发展过程中不断完善自己,要求自己,不断创新,时刻准备着迎接更多挑战的活力公司,在江苏省等地区的商务服务中汇聚了大量的人脉以及**,在业界也收获了很多良好的评价,这些都源自于自身的努力和大家共同进步的结果,这些评价对我们而言是比较好的前进动力,也促使我们在以后的道路上保持奋发图强、一往无前的进取创新精神,努力把公司发展战略推向一个新高度,在全体员工共同努力之下,全力拼搏将共同无锡邦程信息科技供应和您一起携手走向更好的未来,创造更有价值的产品,我们将以更好的状态,更认真的态度,更饱满的精力去创造,去拼搏,去努力,让我们一起更好更快的成长!