陕西网络技术搭建优势

    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)；通过脚手架快速创建工程，并且快速处理应用及组件依赖，构建好本地应用的开发环境。无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。陕西网络技术搭建优势

    基于微服务的完善前端开发环境搭建完成之后，能够实现前端应用的独有解耦、前端依赖管理、纯粹的开发环境和平台化工程化的管理。本领域技术人员可以理解，实现上述实施例方法的全部或部分流程，可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于计算机可读存储介质中。其中，所述计算机可读存储介质为磁盘、光盘、只读存储记忆体或随机存储记忆体等。图6示例了一种电子设备的实体结构示意图，如图6所示，该电子设备可以包括：处理器(processor)810、通信接口(communicationsinterface)820、存储器(memory)830和通信总线840，其中，处理器810，通信接口820，存储器830通过通信总线840完成相互间的通信。处理器810可以调用存储器830中的逻辑指令，以执行如下方法：通过web微服务平台化预建立的前端应用工程模板创建前端应用模块，在所述前端应用模块加入前端资源文件，其中，所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件；所述前端应用模块所属的前端模块进行定义，其中，所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置；通过javascript包管理工具建立所述定义后的前端模块的依赖关系。云南辅助技术搭建怎么样无锡邦程信息科技有限公司，向广大用户提供好质量产品和好质量服务，从而赢得了用户的信赖。

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

    对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块发送至包管理工具进行管理。结合上述说明，在本发明实例的另一种可能的实施方式中，对所述前端应用模块所属的前端模块进行定义，还包括：对所述前端模块的预编译命令进行配置；和/或对所述前端模块的资源映射进行配置。结合上述说明，在本发明实例的另一种可能的实施方式中，所述通过所述包管理工具建立所述定义后的前端模块的依赖关系，包括：获取所述前端模块的应用模块与组件间的一依赖关系；工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系；根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。结合上述说明，在本发明实例的另一种可能的实施方式中，所述方法还包括：所述资源文件包括html，js，css，img文件中的一种或两种及以上的组合。结合上述说明，在本发明实例的另一种可能的实施方式中，所述方法还包括：基于http-proxy实现所述前端模块的服务接口调用。第二方面，本发明实施例还提供了一种前端开发环境的搭建装置，所述装置包括：封装单元，用于将模块包文件从原代码工程中抽离。邦程一直秉承专业、诚信、服务、进取的价值观，坚持互联网品牌设计经验和整合营销的理念。

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

无锡邦程信息科技有限公司专业从事网站建设、为客户提供一站式品牌策划、创意设计、开发及托管等服务。陕西网络技术搭建优势

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

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