前端开发环境的搭建方法、装置、设备及存储介质。背景技术:微服务是一种服务间松耦合的、每个服务之间高度自治并且使用轻量级协议进行通信的可持续集成部署的分布式架构体系。其可以采取较为典型的分布式结构,细分的部署粒度,服务的扩展性更为灵活。前端开发模式目前有两种方式:其中的一种是,利用微服务体系实现各服务间隔离、自治,体现在工程中各服务模块也相对独有,在基于springcloud搭建的微服务平台架构中,常用的是将每个模块对应的前端资源放入对应的web模块resources/static目录下,通过maven将所有的模块整合在一起,但是这样所有的前端资源都分散在不同的jar包中,通过配置静态资源路由来寻址这些资源,这导致前端开发环境是依赖java工程,可能会受到数据库、中间件等环境的影响,并且资源加载顺序无法控制,静态资源无法热更新,各模块打包时所需的平台资源和公共组件资源无法获得,对于异构模块需要将编译后的代码放入到web工程中才可以使用,而且异构系统在开发阶段获取不了平台的资源环境等,这些都很大程度上影响了前端开发人员的工作环境与效率。另一种前端开发模式就是将前端工程完全独有,将所有模块的代码都放在一个工程中。邦程科技视推动中国企业开展电子商务、实现信息化为己任;深入研究企业客户的实际需要的网络技术搭建。贵州哪里技术搭建有哪些
在传统的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为平台基础模块。贵州哪里技术搭建有哪些邦程科技通过周密的策划、深入的调查、理性的分析、精妙的创意、专业的实施。
那么我们又该怎样去定义智慧水务?王浩院士曾说:智慧水务是充分利用新一代信息技术,深入挖掘和普通运用水务信息资源,通过水务信息的采集、传输、存储、处理服务,全方面提升水务管理的效率和效益,实现更全方面的感知,更主动的服务,更科学的决策,更主动的控制,更及时的应对。在我们看来,智慧是解放人、拓展人的认知与理解能力,以及更好地服务于人;而将智慧赋予人之外的水务系统,使之具有一定程度的识别问题与解决问题的能力,能将人从各类简单重复的工作中解放出来,实现少人或无人化运行。软件协同实际工作,逐步实现智慧水务。随着互联网的发展,大数据、云平台等先进技术的成熟运用。对于智慧水务,我们这里主要谈及两种技术,一是物联网技术:通过物联传感设备,结合仿真模拟计算,反映水体状态及其运行态势,从而为城市水资源/水环境或水安全调度等提供支撑。另一个是数据技术:对城市/水司积累的海量数据进行治理,形成数据资产中心,并通过数据挖掘/多维分析/机器学习等技术手段,挖掘水务大数据的价值,为城市水务管理提供支撑。那么智慧水务,其实可以认为是以物联网和大数据技术为支撑的运营模式。对于智慧水务的落地。
基于微服务的完善前端开发环境搭建完成之后,能够实现前端应用的独有解耦、前端依赖管理、纯粹的开发环境和平台化工程化的管理。本领域技术人员可以理解,实现上述实施例方法的全部或部分流程,可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于计算机可读存储介质中。其中,所述计算机可读存储介质为磁盘、光盘、只读存储记忆体或随机存储记忆体等。图6示例了一种电子设备的实体结构示意图,如图6所示,该电子设备可以包括:处理器(processor)810、通信接口(communicationsinterface)820、存储器(memory)830和通信总线840,其中,处理器810,通信接口820,存储器830通过通信总线840完成相互间的通信。处理器810可以调用存储器830中的逻辑指令,以执行如下方法:通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;所述前端应用模块所属的前端模块进行定义,其中,所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置;通过javascript包管理工具建立所述定义后的前端模块的依赖关系。同客户的实际情况和具体需求进行良好结合,为不同类型的客户提供好品质的互联网应用定制解决方案。
对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。结合上述说明,在本发明实例的另一种可能的实施方式中,对所述前端应用模块所属的前端模块进行定义,还包括:对所述前端模块的预编译命令进行配置;和/或对所述前端模块的资源映射进行配置。结合上述说明,在本发明实例的另一种可能的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:获取所述前端模块的应用模块与组件间的一依赖关系;工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:所述资源文件包括html,js,css,img文件中的一种或两种及以上的组合。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:基于http-proxy实现所述前端模块的服务接口调用。第二方面,本发明实施例还提供了一种前端开发环境的搭建装置,所述装置包括:封装单元,用于将模块包文件从原代码工程中抽离。通过技术搭建为广大用户研发先进的信息技术搭建起一个适合企业业务和管理需要的应用服务平台。江苏哪里技术搭建便捷
邦程一直秉承专业、诚信、服务、进取的价值观,坚持互联网品牌设计经验和整合营销的理念。贵州哪里技术搭建有哪些
所述方法还包括基于http-proxy(代理服务器)实现所述前端模块的服务接口调用。本发明实施例一种可行的实施方式中,通过,代理地址可以在配置文件中进行配置。配置文件中可以指定mock类型、服务地址及规则,mock的实现也是http-proxy代理实现。对于需要预编译client模块的开发环境集成,需要配置文件中指定client模块的开发服务地址及静态资源映射路径,然后亦可通过http-proxy来代理这些资源路径。前端模块在开发中调用服务接口的方式包括以下几种,其均主要基于node的http-proxy来实现:指定的mockserver公用的后台服务;指定的后台开发人员的服务,web微服务平台化的前端开发框架提供了本地缓存,可以将请求过的接口数据进行缓存,在前端完全隔离的情况下使用内置缓存数据进行开发。图5为本发明实施例提供的一种前端开发环境的搭建装置的结构示意图,该装置可由软件和/或硬件实现,一般地集成于服务器中,可通过前端开发环境的搭建方法来实现。如图所示,本实施例可以以上述实施例为基础,提供了一种前端开发环境的搭建装置,其主要包括了封装单元510、配置定义单元520、依赖建立单元530以及环境搭建单元540。其中的封装单元510。贵州哪里技术搭建有哪些
无锡邦程信息科技有限公司汇集了大量的优秀人才,集企业奇思,创经济奇迹,一群有梦想有朝气的团队不断在前进的道路上开创新天地,绘画新蓝图,在江苏省等地区的商务服务中始终保持良好的信誉,信奉着“争取每一个客户不容易,失去每一个用户很简单”的理念,市场是企业的方向,质量是企业的生命,在公司有效方针的领导下,全体上下,团结一致,共同进退,**协力把各方面工作做得更好,努力开创工作的新局面,公司的新高度,未来无锡邦程信息科技供应和您一起奔向更美好的未来,即使现在有一点小小的成绩,也不足以骄傲,过去的种种都已成为昨日我们只有总结经验,才能继续上路,让我们一起点燃新的希望,放飞新的梦想!