也可发生于前端模块的封装过程中,即对所述静态资源目录和工程化相关文件进行定义后,结合所述资源文件封装为所述前端模块。在步骤130中,通过javascript包管理工具建立所述定义后的前端模块的依赖关系;所述javascript包管理工具一般为npm包管理工具,通过调用npm包管理工具能够将所述前端模块存储到web微服务平台化的前端开发框架的相应存储路径。本步骤中,定义后的前端模块中包括了静态资源目录和工程化相关文件,通过javascript包管理工具读取所述静态资源目录可建立所述前端模块的依赖关系,通过对所述。所述前端模块可以为一种便于管理的模块包文件,以通过所述javascript包管理工具进行管理。在步骤140中,通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中,所述web微服务平台化的前端开发框架中预建立的工程模板为脚手架模板,通过所述脚手架模板以及对应的配置文件能够获取待用模板,根据所述待用模板以及所述依赖关系能够快速搭建所需要的前端开发环境,定义后的封装前端模块,无须重复编译开发在新的前端开发环境中即可直接调取使用。通过技术搭建为广大用户研发先进的信息技术搭建起一个适合企业业务和管理需要的应用服务平台。福建哪里技术搭建优势
本发明通过将原工作的模块包文件抽离封装形成独有的客户端的形式,使得按照开发需求根据已形成的客户端进行所需要的配置,根据不同的配置文件能够形成不同的客户端模块,将所有需要的配置打包成一个模块发布到管理平台后开发人员能够直接使用这些客户端模块。本发明解决了在非前后端分离开发过程中过于依赖后端环境的问题,降低了前端开发的难度,同时也解决了完全前后端分离下前端工程结构未能按模块拆分过于耦合的问题。本发明中,上述各技术方案之间还可以相互组合,以实现更多的推荐组合方案。本发明的其他特征和优点将在随后的说明书中阐述,并且,部分优点可从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点可通过说明书以及附图中所特别指出的内容中来实现和获得。具体实施方式为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。云南业务前景技术搭建选择邦程科技视推动中国企业开展电子商务、实现信息化为己任;深入研究企业客户的实际需要的网络技术搭建。
提供完全纯粹的前端开发环境,但是这样平台无法对已有的模块自由组合,缺少模块的依赖管理,体系上也无法和后端的模块对应上,这样也不是我们所期望的结果。技术实现要素:鉴于上述的分析,本发明实施例旨在提供一种前端开发环境的搭建方法、装置、设备及存储介质,用以解决现有的前端开发过程中过于依赖后端工程的问题。一方面,本发明实施例提供了一种前端开发环境的搭建方法,所述方法包括:通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;所述前端应用模块所属的前端模块进行定义,其中,所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置;通过javascript包管理工具建立所述定义后的前端模块的依赖关系;通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块。
在传统的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为平台基础模块。无锡邦程信息科技有限公司,向广大用户提供好质量产品和好质量服务,从而赢得了用户的信赖。
本发明实施例另一种可行的实施方式中,在所述,亦可使用yeoman管理工具管理脚手架模板,yeoman是成熟的工程脚手架管理工具,能够实现快速搭建开发环境。本发明实施例中所述脚手架模块的意义主要为定义工程结构和基础属性设置,初始化之后,只需要将抽离出来的前端资源文件放置在对应的目录中,然后在npm模块入口文件中声明前端模块的静态资源目录和工程化相关(预编译、模块化打包压缩等)配置,即可完成前端模块的封装。本发明实施例一种具体和实施场景中,所述前端模块脚手架装置的配置包括:使用yeoman管理脚手架模板,以快速搭建开发环境;创建portal-client(前端平台模块,属于前端模块中的平台模块)平台脚手架,包含工程结构、基础配置和内置脚本等;创建app-client(前端应用模块,属于前端模块中的应用模块)应用脚手架,包含工程结构、基础配置和内置脚本等;扩展特殊应用脚手架,针对异构开发的兼容等;将脚手架发布至至npm私的服(前端模块的管理平台)进行管理。通过yeoman可以管理多种脚手架以适应不同的场景。本发明实施例一种可行的实施方式中,所述基于,定制之后的脚手架工具能够快速生成相应的项目以提高开发效率。本发明的方法。无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。山西质量技术搭建包含
透过庞大的全球性商务网络,面对面地向企业客户提供全方面、标准化、一站式的IT应用服务和信息化解决方案。福建哪里技术搭建优势
所述方法还包括基于http-proxy(代理服务器)实现所述前端模块的服务接口调用。本发明实施例一种可行的实施方式中,通过,代理地址可以在配置文件中进行配置。配置文件中可以指定mock类型、服务地址及规则,mock的实现也是http-proxy代理实现。对于需要预编译client模块的开发环境集成,需要配置文件中指定client模块的开发服务地址及静态资源映射路径,然后亦可通过http-proxy来代理这些资源路径。前端模块在开发中调用服务接口的方式包括以下几种,其均主要基于node的http-proxy来实现:指定的mockserver公用的后台服务;指定的后台开发人员的服务,web微服务平台化的前端开发框架提供了本地缓存,可以将请求过的接口数据进行缓存,在前端完全隔离的情况下使用内置缓存数据进行开发。图5为本发明实施例提供的一种前端开发环境的搭建装置的结构示意图,该装置可由软件和/或硬件实现,一般地集成于服务器中,可通过前端开发环境的搭建方法来实现。如图所示,本实施例可以以上述实施例为基础,提供了一种前端开发环境的搭建装置,其主要包括了封装单元510、配置定义单元520、依赖建立单元530以及环境搭建单元540。其中的封装单元510。福建哪里技术搭建优势
无锡邦程信息科技有限公司在同行业领域中,一直处在一个不断锐意进取,不断制造创新的市场高度,多年以来致力于发展富有创新价值理念的产品标准,在江苏省等地区的商务服务中始终保持良好的商业口碑,成绩让我们喜悦,但不会让我们止步,残酷的市场磨炼了我们坚强不屈的意志,和谐温馨的工作环境,富有营养的公司土壤滋养着我们不断开拓创新,勇于进取的无限潜力,无锡邦程信息科技供应携手大家一起走向共同辉煌的未来,回首过去,我们不会因为取得了一点点成绩而沾沾自喜,相反的是面对竞争越来越激烈的市场氛围,我们更要明确自己的不足,做好迎接新挑战的准备,要不畏困难,激流勇进,以一个更崭新的精神面貌迎接大家,共同走向辉煌回来!