新疆质量技术搭建好处

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

    也可发生于前端模块的封装过程中，即对所述静态资源目录和工程化相关文件进行定义后，结合所述资源文件封装为所述前端模块。在步骤130中，通过javascript包管理工具建立所述定义后的前端模块的依赖关系；所述javascript包管理工具一般为npm包管理工具，通过调用npm包管理工具能够将所述前端模块存储到web微服务平台化的前端开发框架的相应存储路径。本步骤中，定义后的前端模块中包括了静态资源目录和工程化相关文件，通过javascript包管理工具读取所述静态资源目录可建立所述前端模块的依赖关系，通过对所述。所述前端模块可以为一种便于管理的模块包文件，以通过所述javascript包管理工具进行管理。在步骤140中，通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块，结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中，所述web微服务平台化的前端开发框架中预建立的工程模板为脚手架模板，通过所述脚手架模板以及对应的配置文件能够获取待用模板，根据所述待用模板以及所述依赖关系能够快速搭建所需要的前端开发环境，定义后的封装前端模块，无须重复编译开发在新的前端开发环境中即可直接调取使用。浙江提供技术搭建优势无锡邦程信息科技有限公司开，创性地建立了适合中小企业需要的IT应用服务运营模式。

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

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

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

邦程一直秉承专业、诚信、服务、进取的价值观，坚持互联网品牌设计经验和整合营销的理念。新疆质量技术搭建好处

    用于通过web微服务平台化预建立的前端应用工程模板创建前端应用模块，在所述前端应用模块加入前端资源文件；其中的配置定义单元520，用于对所述前端应用模块所属的前端模块进行定义，其中，所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置；其中的依赖建立单元530，用于通过javascript包管理工具建立所述定义后的前端模块的依赖关系；其中的环境搭建单元540，用于通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块，结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中，所述装置还包括：读取模块，用于读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块；管理模块，用于对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块发送至包管理工具进行管理。上述实施例中提供的前端开发环境的搭建装置可执行本发明中任意实施例中所提供的前端开发环境的搭建方法，具备执行该方法相应的功能模块和有益效果，未在上述实施例中详细描述的技术细节，可参见本发明任意实施例中所提供的前端开发环境的搭建方法。通过本发明实施例提供的上述装置和方法。新疆质量技术搭建好处

无锡邦程信息科技有限公司汇集了大量的优秀人才，集企业奇思，创经济奇迹，一群有梦想有朝气的团队不断在前进的道路上开创新天地，绘画新蓝图，在江苏省等地区的商务服务中始终保持良好的信誉，信奉着“争取每一个客户不容易，失去每一个用户很简单”的理念，市场是企业的方向，质量是企业的生命，在公司有效方针的领导下，全体上下，团结一致，共同进退，**协力把各方面工作做得更好，努力开创工作的新局面，公司的新高度，未来无锡邦程信息科技供应和您一起奔向更美好的未来，即使现在有一点小小的成绩，也不足以骄傲，过去的种种都已成为昨日我们只有总结经验，才能继续上路，让我们一起点燃新的希望，放飞新的梦想！