黑龙江质量技术搭建好处

    在传统的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为平台基础模块。透过庞大的全球性商务网络，面对面地向企业客户提供全方面、标准化、一站式的IT应用服务和信息化解决方案。黑龙江质量技术搭建好处

    所述模块包文件为通过java语言编写的java代码形成的jar包，每一独有形成的jar包可能用于实现某一功能或者应用。通过源工程获取的资源文件，可以为html，js，css，img文件中的一种或两种及以上的组合，例如通过java语言实现的jar，在jar包内可包括其对应的资源文件，可通过封装的形式形成所述前端模块，其它类型的资源文件可以为根据具体代码封装生成。本发明实施例的一种具体的实施场景中，所述前端资源文件还包括根据开发需求形成的资源文件，根据具体的开发需求可以实现资源文件的定制，进一步还可以实现对资源文件的平台共享。在步骤120中，对所述前端应用模块所属的前端模块进行定义，其中，所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置；在步骤110中生成的前端模块为基础的客户端模块，其所形成的模块中至少应包括静态资源目录和工程化相关文件，对静态资源目录和工程化相关文件进行的具体配置即为对所述前端模块进行的定义。所述工程化相关文件为通过本发明的方法搭建的前端开发环境中，在开发过程中的工程所使用的工程化相关文件，其包括但不限于预编译文件、模块化打包文件以及压缩文件等。本步骤中的定义。湖北贸易技术搭建包含通过技术搭建为广大用户研发先进的信息技术搭建起一个适合企业业务和管理需要的应用服务平台。

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

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

    对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块发送至包管理工具进行管理。结合上述说明，在本发明实例的另一种可能的实施方式中，对所述前端应用模块所属的前端模块进行定义，还包括：对所述前端模块的预编译命令进行配置；和/或对所述前端模块的资源映射进行配置。结合上述说明，在本发明实例的另一种可能的实施方式中，所述通过所述包管理工具建立所述定义后的前端模块的依赖关系，包括：获取所述前端模块的应用模块与组件间的一依赖关系；工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系；根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。结合上述说明，在本发明实例的另一种可能的实施方式中，所述方法还包括：所述资源文件包括html，js，css，img文件中的一种或两种及以上的组合。结合上述说明，在本发明实例的另一种可能的实施方式中，所述方法还包括：基于http-proxy实现所述前端模块的服务接口调用。第二方面，本发明实施例还提供了一种前端开发环境的搭建装置，所述装置包括：封装单元，用于将模块包文件从原代码工程中抽离。邦程科技视推动中国企业开展电子商务、实现信息化为己任；深入研究企业客户的实际需要的网络技术搭建。江苏贸易技术搭建信息中心

无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。黑龙江质量技术搭建好处

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

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