湖北国际技术搭建信息中心

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

    通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块，结合所述依赖关系搭建前端开发环境。需要说明的是，本实施例中的电子设备在具体实现时可以为服务器，也可以为pc机，还可以为其他设备，只要其结构中包括如图6所示的处理器810、通信接口820、存储器830和通信总线840，其中处理器810，通信接口820，存储器830通过通信总线840完成相互间的通信，且处理器810可以调用存储器830中的逻辑指令以执行上述方法即可。本实施例不对电子设备的具体实现形式进行限定。此外，上述的存储器830中的逻辑指令可以通过软件功能单元的形式实现并作为独有的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器。宁夏提供技术搭建市场价通过技术搭建为广大用户研发先进的信息技术搭建起一个适合企业业务和管理需要的应用服务平台。

    并将每一段独有的抽离后的模块包文件发送至web微服务平台化的前端开发框架，以生成对应的前端模块；配置定义单元，用于对所述前端应用模块所属的前端模块进行定义，其中，所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置；依赖建立单元，用于通过javascript包管理工具建立所述定义后的前端模块的依赖关系；环境搭建单元，用于从所述web微服务平台化的前端开发框架中预建立的工程模板中获取待搭建环境的待用模板，根据待用模板以及所述依赖关系搭建前端开发环境。上述的装置，所述装置还包括：读取模块，用于读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块；管理模块，用于对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块发送至包管理工具进行管理。第三方面，本发明还提供了一种电子设备，所述电子设备包括：处理器；用于存储处理器可执行的指令的存储器；其中，所述存储器被配置为用以实施上述的前端开发环境的搭建方法。第四方面，本发明还提供了一种非易失性计算机可读存储介质，其上存储有计算机程序指令，所述计算机程序指令被处理器执行时实现上述任意一项所述的前端开发环境的搭建方法。

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

    在传统的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为平台基础模块。无锡邦程信息科技有限公司专业从事网站建设、为客户提供一站式品牌策划、创意设计、开发及托管等服务。青海营销技术搭建有哪些

邦程科技专业网站后台，为网站管理带来福音；可需简单交互，就能更新官网内容；一站更新。湖北国际技术搭建信息中心

    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)；通过脚手架快速创建工程，并且快速处理应用及组件依赖，构建好本地应用的开发环境。湖北国际技术搭建信息中心

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