海南智能化技术搭建信息中心

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

    所述第二依赖关系可以为在新增前端模块的web微服务环境中前端模块与对应的组件或对应应用之间的通信协议产生，所述一依赖关系与所述第二依赖关系之间可以互为补充，亦可为互为包含，通过根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系，能够避免封装后的前端模块在配置时出现依赖偏差。本发明实施例的前端开发环境搭建完成后，通过读取平台配置文件获取所需要的client模块，按照配置文件中的顺序依次加载对应的各模块，然后获取到各模块的静态资源路径，将该路径通过执行，这样就实现了结合上述依赖关系控制client模块的静态资源加载及相应顺序。在平台与client模块开发过程中，还可以通过npmlink命令实现开发的工程组下内部模块协同开发的问题，防止频繁的发布和装载。通过本发明实施例搭建的前端开发环境，可以让前端人员友好的控制及调试开发，不依赖任何后端服务、数据库和中间件。本发明实施例一种可行的实施方式中，平台提供的client模块的模板可内置多种命令完善前端工程化的结构标准、代码规范，例如editorconfig：同化编辑器之前差异；eslint：模块包文件所表示的代码校验；prettier：美化代码等。本发明实施例一种可行的实施方式中。江苏国际技术搭建市场价邦程一直秉承专业、诚信、服务、进取的价值观，坚持互联网品牌设计经验和整合营销的理念。

    无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务，为客户提供一站式品牌策划、创意设计、开发及托管等服务。邦程科技视推动中国企业开展电子商务、实现信息化为己任；深入研究企业客户的实际需要，开创性地建立了适合中小企业需要的IT应用服务运营模式；运用先进的信息技术搭建起一个适合企业业务和管理需要的应用服务平台，并透过庞大的全球性商务网络，面对面地向企业客户提供全方面、标准化、一站式的IT应用服务和信息化解决方案。在项目过程中，邦程科技通过周密的策划、深入的调查、理性的分析、精妙的创意、专业的实施，并同客户的实际情况和具体需求进行良好结合，为不同类型的客户提供质量的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。随着物联网、云计算、大数据、人工智能、移动互联网等新一代信息技术的迅猛发展，赋能水务行业，智慧水务逐渐成为水务管理的新方向。智慧水务能为城市管理者提供各类决策支持，更好的做出水与城市、水与人口、水与GDP、水与灾害控制的决定。海绵城市、流域水环境治理、河长制都属于智慧水务在城市管理中的体现。现在，人们都在提智慧，智慧城市、智慧交通、智慧教育等。

    提供完全纯粹的前端开发环境，但是这样平台无法对已有的模块自由组合，缺少模块的依赖管理，体系上也无法和后端的模块对应上，这样也不是我们所期望的结果。技术实现要素：鉴于上述的分析，本发明实施例旨在提供一种前端开发环境的搭建方法、装置、设备及存储介质，用以解决现有的前端开发过程中过于依赖后端工程的问题。一方面，本发明实施例提供了一种前端开发环境的搭建方法，所述方法包括：通过web微服务平台化预建立的前端应用工程模板创建前端应用模块，在所述前端应用模块加入前端资源文件，其中，所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件；所述前端应用模块所属的前端模块进行定义，其中，所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置；通过javascript包管理工具建立所述定义后的前端模块的依赖关系；通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块，结合所述依赖关系搭建前端开发环境。结合上述说明，在本发明实例的另一种可能的实施方式中，所述方法还包括：读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块。同客户的实际情况和具体需求进行良好结合，为不同类型的客户提供好品质的互联网应用定制解决方案。

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

无锡邦程信息科技有限公司，专业的帮助客户在新的全球化互联网环境中保持优势。海南智能化技术搭建信息中心

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

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