提供完全纯粹的前端开发环境,但是这样平台无法对已有的模块自由组合,缺少模块的依赖管理,体系上也无法和后端的模块对应上,这样也不是我们所期望的结果。技术实现要素:鉴于上述的分析,本发明实施例旨在提供一种前端开发环境的搭建方法、装置、设备及存储介质,用以解决现有的前端开发过程中过于依赖后端工程的问题。一方面,本发明实施例提供了一种前端开发环境的搭建方法,所述方法包括:通过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。湖北网络营销技术搭建便捷无锡邦程信息科技有限公司,向广大用户提供好质量产品和好质量服务,从而赢得了用户的信赖。
经DA转换、驱动和变压器隔离输出交流B码。根据UART协议,将发送数据锁存为并行数据,由数据传输波特率产生的发送时钟发送移位输出,即完成数据的异步发送。输出信号的接口电路根据电力系统对时间同步信号及数量的不同需求[5],通过参数设置选择脉冲信号(1PPH、1PPM和1PPS)、B码、串行信号进行二次分配,通过本系统设计的4路TTL、4路RS232、4路RS485(或RS422)、4路高速光电隔离器6N137或4路850nm的光纤发送器HFBR1412输出。网络时间同步是数字变电站和数字化设备普遍采用的一种重要的同步方式,目前分为NTP和PTP两种授时。NTP精度在局域网内可达毫秒级,用以太网控制芯片RTL8019AS实现,而PTP的精度可达纳秒级,主要用以太网控制芯片DP83640T实现,通过串行时间信息和同步的脉冲信号输入获得专业NTP或PTP模块的同步时间,经处理按相应的网络协议组成网络对时输出,同时可以服务于多台对时设备的时间请求。结语系统以BD、GPS为主和IRIG-B为辅接入时基信号源,提高了系统的授时精度和可靠性,同时对高稳晶振进行同步锁相处理,增强了时间间隙的准确性和系统的守时精度;针对多个设备时间同步方式的不同需求,可以经FPGA将各种授时信号进行灵活的分配获得。
对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。结合上述说明,在本发明实例的另一种可能的实施方式中,对所述前端应用模块所属的前端模块进行定义,还包括:对所述前端模块的预编译命令进行配置;和/或对所述前端模块的资源映射进行配置。结合上述说明,在本发明实例的另一种可能的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:获取所述前端模块的应用模块与组件间的一依赖关系;工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:所述资源文件包括html,js,css,img文件中的一种或两种及以上的组合。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:基于http-proxy实现所述前端模块的服务接口调用。第二方面,本发明实施例还提供了一种前端开发环境的搭建装置,所述装置包括:封装单元,用于将模块包文件从原代码工程中抽离。同客户的实际情况和具体需求进行良好结合,为不同类型的客户提供好品质的互联网应用定制解决方案。
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);通过脚手架快速创建工程,并且快速处理应用及组件依赖,构建好本地应用的开发环境。透过庞大的全球性商务网络,面对面地向企业客户提供全方面、标准化、一站式的IT应用服务和信息化解决方案。海南提供技术搭建好处
邦程科技视推动中国企业开展电子商务、实现信息化为己任;深入研究企业客户的实际需要的网络技术搭建。重庆国际技术搭建有哪些
在传统的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为平台基础模块。重庆国际技术搭建有哪些
无锡邦程信息科技有限公司是一家有着先进的发展理念,先进的管理经验,在发展过程中不断完善自己,要求自己,不断创新,时刻准备着迎接更多挑战的活力公司,在江苏省等地区的商务服务中汇聚了大量的人脉以及**,在业界也收获了很多良好的评价,这些都源自于自身的努力和大家共同进步的结果,这些评价对我们而言是比较好的前进动力,也促使我们在以后的道路上保持奋发图强、一往无前的进取创新精神,努力把公司发展战略推向一个新高度,在全体员工共同努力之下,全力拼搏将共同无锡邦程信息科技供应和您一起携手走向更好的未来,创造更有价值的产品,我们将以更好的状态,更认真的态度,更饱满的精力去创造,去拼搏,去努力,让我们一起更好更快的成长!