辽宁辅助技术搭建信息中心

    前端开发环境的搭建方法、装置、设备及存储介质。背景技术：微服务是一种服务间松耦合的、每个服务之间高度自治并且使用轻量级协议进行通信的可持续集成部署的分布式架构体系。其可以采取较为典型的分布式结构，细分的部署粒度，服务的扩展性更为灵活。前端开发模式目前有两种方式：其中的一种是，利用微服务体系实现各服务间隔离、自治，体现在工程中各服务模块也相对独有，在基于springcloud搭建的微服务平台架构中，常用的是将每个模块对应的前端资源放入对应的web模块resources/static目录下，通过maven将所有的模块整合在一起，但是这样所有的前端资源都分散在不同的jar包中，通过配置静态资源路由来寻址这些资源，这导致前端开发环境是依赖java工程，可能会受到数据库、中间件等环境的影响，并且资源加载顺序无法控制，静态资源无法热更新，各模块打包时所需的平台资源和公共组件资源无法获得，对于异构模块需要将编译后的代码放入到web工程中才可以使用，而且异构系统在开发阶段获取不了平台的资源环境等，这些都很大程度上影响了前端开发人员的工作环境与效率。另一种前端开发模式就是将前端工程完全独有，将所有模块的代码都放在一个工程中。无锡邦程信息科技有限公司，向广大用户提供好质量产品和好质量服务，从而赢得了用户的信赖。辽宁辅助技术搭建信息中心

    其中的平台基础模块内置多个基础子模块，包含前端开发服务和平台基础资源前端模块的服务器路径、资源路径和模板路径。本发明实施例一种可行的实施方式中，在前端开发环境搭建完成后的应用过程还包括：读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块；对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块发送至包管理工具进行管理。本发明实施例的一种实施场景中，在开发完成后平台会针对client模块进行预编译、打包和压缩，整个过程可由，gulp工具是基于流的前端构建工具：通过读取平台配置文件获取所有的client模块，获取需要进行预编译的模块，使用node子进程进行预编译处理；按照client模块顺序输出静态资源到dist目录整合；获取所有client模块中指定的模块化压缩的入口，通过rjs进行模块化压缩输出；后面获得整合后的完整模块包文件所表示的前端代码。本发明实施例的实施场景中，开发人员在新的开发环境中能够通过前端模块快速获取整合后的完整前端代码，而且不需要关联前端的具体工程，整个开发流程大为精简。所述前端开发模块用于前端开发，当开发完成后。海南网络技术搭建信息中心邦程为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。

    ramrandomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。另一方面，本发明实施例还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以执行上述各实施例提供的传输方法，例如包括：通过web微服务平台化预建立的前端应用工程模板创建前端应用模块，在所述前端应用模块加入前端资源文件，其中，所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件；对所述前端应用模块所属的前端模块进行定义，其中，所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置；通过javascript包管理工具建立所述定义后的前端模块的依赖关系；通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块，结合所述依赖关系搭建前端开发环境。以上所描述的装置实施例可可是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下。

    本发明涉及一种前端开发环境的搭建方法、装置、设备及存储介质，其主要运用于前端开发使用语言进行过渡的场景中，其基本思想是：将现有工程的资源文件及配置文件以及根据开发需求生成的配置资源文件等进行封装形成前端模块，该前端模块包括前端平台模块以及前端应用模块，其中的前端平台模块又包括前端基础模块，前端基础模块包括若干基础子模块，前端模块中包括了前端应用模块的依赖以及组件的依赖，将前端模块发布后，开发人员能够通过这种方式直接通过配置文件读取这些前端模块，而不再依赖于已编译的后端工程文件，对于开发工作人员而言提供了一种新的前端开发环境以及一种新的前端开发环境的快速搭建方法。图1为本发明实施例一提供的流程图，本实施例可适用于对前端工程进行封装以独有进行配置的情况，该方法具体包括如下步骤：在步骤110中，通过web微服务平台化预建立的前端应用工程模板创建前端应用模块，在所述前端应用模块加入前端资源文件，其中，所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件；本发明实施例一种可行的实施方式中，所述源工程可以为在开发过程中的原java环境中的java工程。无锡邦程信息科技有限公司，专业的帮助客户在新的全球化互联网环境中保持优势。

    通过web微服务平台化的前端开发框架的配置文件获取开发完成的前端模块，对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块通过搭建企业内部的npm仓库，将前端模块通过npm包管理工具的publish组件发布至搭建的至npm私的服(前端模块的管理平台)，达到所有的client模块进行管理。本发明实施例的一种实施场景下，所述打包流程包括：利用，用gulp构建任务监控所有静态资源、js、css、sass和html；一般地，具体步骤包括：清理输出目录；对于需要预编译的模板进行预编译处理；整合平台基础依赖和应用模块的资源文件到整合目录；整合应用模块配置的第三方资源文件到整合目录；依据配置的js文件模块化入口进行模块化文件合并；压缩合并后的js模块整合文件和css文件到输出目录；删除整合目录。本发明实施例一种可行的实施方式中，所述前端应用模块所属的前端模块进行定义，还包括对前端模块中的预编译命令以及资源映射进行配置，包括：对所述前端模块的预编译命令进行配置；和/或对所述前端模块的资源映射进行配置。本发明实施例的一般应用场景中，通过在定义client模块时需要对所述前端模块的静态资源目录、模块化打包入口文件、预编译命令、资源映射均进行配置。邦程科技专业网站后台，为网站管理带来福音；可需简单交互，就能更新官网内容；一站更新。湖南网络技术搭建有哪些

邦程一直秉承专业、诚信、服务、进取的价值观，坚持互联网品牌设计经验和整合营销的理念。辽宁辅助技术搭建信息中心

    所述方法还包括基于http-proxy(代理服务器)实现所述前端模块的服务接口调用。本发明实施例一种可行的实施方式中，通过，代理地址可以在配置文件中进行配置。配置文件中可以指定mock类型、服务地址及规则，mock的实现也是http-proxy代理实现。对于需要预编译client模块的开发环境集成，需要配置文件中指定client模块的开发服务地址及静态资源映射路径，然后亦可通过http-proxy来代理这些资源路径。前端模块在开发中调用服务接口的方式包括以下几种，其均主要基于node的http-proxy来实现：指定的mockserver公用的后台服务；指定的后台开发人员的服务，web微服务平台化的前端开发框架提供了本地缓存，可以将请求过的接口数据进行缓存，在前端完全隔离的情况下使用内置缓存数据进行开发。图5为本发明实施例提供的一种前端开发环境的搭建装置的结构示意图，该装置可由软件和/或硬件实现，一般地集成于服务器中，可通过前端开发环境的搭建方法来实现。如图所示，本实施例可以以上述实施例为基础，提供了一种前端开发环境的搭建装置，其主要包括了封装单元510、配置定义单元520、依赖建立单元530以及环境搭建单元540。其中的封装单元510。辽宁辅助技术搭建信息中心

无锡邦程信息科技有限公司是一家有着雄厚实力背景、信誉可靠、励精图治、展望未来、有梦想有目标，有组织有体系的公司，坚持于带领员工在未来的道路上大放光明，携手共画蓝图，在江苏省等地区的商务服务行业中积累了大批忠诚的客户粉丝源，也收获了良好的用户口碑，为公司的发展奠定的良好的行业基础，也希望未来公司能成为*****，努力为行业领域的发展奉献出自己的一份力量，我们相信精益求精的工作态度和不断的完善创新理念以及自强不息，斗志昂扬的的企业精神将**无锡邦程信息科技供应和您一起携手步入辉煌，共创佳绩，一直以来，公司贯彻执行科学管理、创新发展、诚实守信的方针，员工精诚努力，协同奋取，以品质、服务来赢得市场，我们一直在路上！