页面渲染方法、装置、服务器及存储介质制造方法及图纸

技术编号:21089116 阅读:53 留言:0更新日期:2019-05-11 09:48
本发明专利技术公开了页面渲染方法、装置、服务器及存储介质,该方法包括:监听应用软件的页面调用请求;确定所述应用软件对应的目标SPA,并获取对应所述页面调用请求的组件数据信息,其中,所述目标SPA预先根据设定的SPA配置规则配置;将所述组件数据信息渲染到所述目标SPA中,形成对应所述页面调用请求的超文本链接标记语言页面。利用该方法,能够获取到预先经过SPA配置规则配置的与当前页面渲染相关的SPA,基于所获取SPA进行页面渲染时,能够降低所使用SPA出现错误的发生概率,从而降低应用软件线上运行中的维护风险及维护成本,同时也达到提升页面渲染效率的目的。

Page Rendering Method, Device, Server and Storage Media

【技术实现步骤摘要】
页面渲染方法、装置、服务器及存储介质
本专利技术涉及计算机应用
,尤其涉及页面渲染方法、装置、服务器及存储介质。
技术介绍
单页网页应用(SinglePagewebApplication,SPA),就是一个应用程序只存在一张网页页面的应用,仅在应用程序初始化页面时加载相应的组件数据,一旦页面首次加载完成,之后在用户与应用程序交互时仅利用路由机制动态更新该页面,应用程序开发中采用SPA能够很好避免页面的重新加载。一般地,当存在页面调用时,往往考虑在客户端渲染(Client-SideRender,CSR)SPA形成可展示页面,但是该种渲染不利于搜索引擎优化。目前,为解决搜索引擎优化,用户与开发形成的应用程序进行交互生成页面调用请求时,考虑通过服务端渲染(Server-SideRender,SSR)的方式渲染SPA形成对应所生成页面请求的可展示超文本链接标记语言(HypertextMarkupLanguage,HTML)页面。现有的实现SPA的SSR方式可描述为:其需要对每个应用程序在其项目开发中为对应的SPA编写代码,以通过所编写代码将对应SPA的组件和路由引入唯一的SSR服务入口,然后当接收到应用程序的页面调用请求时,需要根据预先编写的代码确定该应用程序在SSR服务入口文件中对应的SPA,之后再利用该SPA的路由配置信息确定该页面调用请求对应的组件数据,最终将确定的SPA和组件数据一起渲染形成可展示的HTML页面。然而,现有方式的缺陷在于:由于不同应用软件开发所涉及SPA的相关信息都需要编写在唯一SSR服务入口文件中,且写入时不同项目采用的编程方式可能不同,因此,当SSR服务入口文件中的SPA数量较多或逻辑复杂时,就增大了编程失误的出现概率,由此大大提升了应用软件维护的风险,也提高了应用软件的维护成本和研发成本。
技术实现思路
本专利技术实施例提供了页面渲染方法、装置、服务器及存储介质,解决了服务器渲染维护风险高及成本投入高的问题。第一方面,本专利技术实施例提供了一种页面渲染方法,包括:监听应用软件的页面调用请求;确定所述应用软件对应的目标SPA,并获取对应所述页面调用请求的组件数据信息,其中,所述目标SPA预先根据设定的SPA配置规则配置;将所述组件数据信息渲染到所述目标SPA中,形成对应所述页面调用请求的超文本链接标记语言页面。进一步地,该方法还包括:根据设定的SPA配置规则配置所开发各应用程序关联的SPA;相应的,所述根据设定的SPA配置规则配置所开发各应用程序关联的SPA,包括:在设定的存储路径下存放各所述SPA的代码文件夹,其中,各所述代码文件夹中包含用于页面展示的全部组件数据信息;以设定形式命名各所述SPA对应的页面入口文件和路由配置文件;其中,所述页面入口文件作为SPA与所关联应用软件的关联标识文件,所述路由配置文件用于确定所关联应用软件中各页面调用请求对应的组件数据信息,所述路由配置文件中的代码结构满足预设的统一设计格式。进一步地,该方法还包括:基于配置后的SPA生成页面渲染所需的服务入口文件。在上述优化的基础上,所述基于配置后的SPA生成页面渲染所需的服务入口文件,包括:基于配置后SPA的页面入口文件及关联的应用软件添加到预先构建的SPA列表中;将所述SPA列表及各所述SPA的路由配置文件作为渲染参数信息引入唯一服务入口,编译生成服务入口文件。进一步地,确定所述应用软件对应的目标SPA,并获取对应所述页面调用请求的组件数据信息,包括:获取所述服务入口文件中的渲染参数信息;查找所述渲染参数信息中的SPA列表与所述应用软件关联的页面入口文件,根据所述页面入口文件确定目标SPA;解析所述页面调用请求中的统一资源定位符URL,获取所述URL中的页面名称;查找所述渲染参数信息中对应所述目标SPA的路由配置文件,从设定存储路径下获取所述页面名称对应的组件数据信息。进一步地,该方法在形成对应所述页面调用请求的超文本链接标记语言页面后,还包括:发送页面渲染完成声明及所述超文本链接标记语言页面至所述应用软件的客户端,以使所述客户端基于所述超文本链接标记语言页面进行页面显示。第二方面,本专利技术实施例提供了一种页面渲染装置,包括:请求监听模块,用于监听应用软件的页面调用请求;目标信息确定模块,用于确定所述应用软件对应的目标SPA,并获取对应所述页面调用请求的组件数据信息,其中,所述目标SPA预先根据设定的SPA配置规则配置;页面生成模块,用于将所述组件数据信息渲染到所述目标SPA中,形成对应所述页面调用请求的超文本链接标记语言页面。第三方面,本专利技术实施例提供了一种服务器,包括:一个或多个处理器;存储装置,用于存储一个或多个程序;所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本专利技术实施例提供的页面渲染方法。第四方面,本专利技术实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本专利技术实施例提供的页面渲染方法。本专利技术实施例提供的一种页面渲染方法、装置、服务器及存储介质,该页面渲染方法首先监听应用软件的页面调用请求;然后确定应用软件对应的目标SPA,并获取对应页面调用请求的组件数据信息,其中,目标SPA预先根据设定的SPA配置规则配置;最终将组件数据信息渲染到所述目标SPA中,形成对应所述页面调用请求的超文本链接标记语言页面。上述技术方案,与现有页面渲染方式相比,能够获取到预先经过SPA配置规则配置的与当前页面渲染相关的SPA,基于所获取SPA进行页面渲染时,能够降低所使用SPA出现错误的发生概率,从而降低应用软件线上运行中的维护风险及维护成本,同时也达到提升页面渲染效率的目的。附图说明图1a为本专利技术实施例一提供的一种页面渲染方法的流程示意图;图2a为本专利技术实施例二提供的一种页面渲染方法的流程示意图;图2b给出了作为本实施例执行主体的服务器进行页面渲染虚拟架构布局的架构示意图;图3为本专利技术实施例三提供的一种页面渲染装置的结构框图;图4为本专利技术实施例四提供的一种服务器的硬件结构图。具体实施方式下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本专利技术,而非对本专利技术的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本专利技术相关的部分而非全部结构。实施例一图1a为本专利技术实施例一提供的一种页面渲染方法的流程示意图,该方法适用于对单页网页应用的页面进行服务器渲染的情况,该方法可以由页面渲染装置执行,其中该装置可以由软件和/或硬件实现,并一般集成在应用软件对应的后端服务器上。如图1a所示,本专利技术实施例一提供的一种页面渲染方法,具体包括如下操作:需要说明的是,可以认为本专利技术实施例所提供页面渲染方法的执行主体为服务器,其可认为该服务器为至少两个所开发应用软件的后端服务器,可以为多个应用软件进行页面渲染,且可以理解的是,本实施例实现的页面渲染相当于服务器渲染。S101、监听应用软件的页面调用请求。在本实施例中,所述应用软件具体可以是以本实施例所提供方法的执行主体为后端服务器的任一软件,本步骤可以实时监听应用软件的客户端发送的页面调用请求,并在监听到页面调用请求后执行下述操作。可以理解的是,所述页面调用请求由用户在使用应用软件的本文档来自技高网
...

【技术保护点】
1.一种页面渲染方法,其特征在于,包括:监听应用软件的页面调用请求;确定所述应用软件对应的目标单页网页应用SPA,并获取对应所述页面调用请求的组件数据信息,其中,所述目标SPA预先根据设定的SPA配置规则配置;将所述组件数据信息渲染到所述目标SPA中,形成对应所述页面调用请求的超文本链接标记语言页面。

【技术特征摘要】
1.一种页面渲染方法,其特征在于,包括:监听应用软件的页面调用请求;确定所述应用软件对应的目标单页网页应用SPA,并获取对应所述页面调用请求的组件数据信息,其中,所述目标SPA预先根据设定的SPA配置规则配置;将所述组件数据信息渲染到所述目标SPA中,形成对应所述页面调用请求的超文本链接标记语言页面。2.根据权利要求1所述的方法,其特征在于,还包括:根据设定的SPA配置规则配置所开发各应用软件关联的SPA;相应的,所述根据设定的SPA配置规则配置所开发各应用程序关联的SPA,包括:在设定的存储路径下存放各所述SPA的代码文件夹,其中,各所述代码文件夹中包含用于页面展示的全部组件数据信息;以设定形式命名各所述SPA对应的页面入口文件和路由配置文件;其中,所述页面入口文件作为SPA与所关联应用软件的关联标识文件,所述路由配置文件用于确定所关联应用软件中各页面调用请求对应的组件数据信息,所述路由配置文件中的代码结构满足预设的统一设计格式。3.根据权利要求2所述的方法,其特征在于,还包括:基于配置后的SPA生成页面渲染所需的服务入口文件。4.根据权利要求3所述的方法,其特征在于,所述基于配置后的SPA生成页面渲染所需的服务入口文件,包括:基于配置后SPA的页面入口文件及关联的应用软件添加到预先构建的SPA列表中;将所述SPA列表及各所述SPA的路由配置文件作为渲染参数信息引入唯一服务入口,编译生成服务入口文件。5.根据权利要求4所述的方法,其特征在于,所述确定所述应用软件对应的目标SPA,并获取对应所述页面调用请求的组件数据信息,包括:获取所述服务入口文件中的渲染参数信息;查找所述渲染参数信息中的SPA列表与所述应用软件关联的页面入口文件,根据所述页面入口文件确定目标SPA;解析所述页面调用请求中的统一资源定位符URL,获取所述URL中的页面名称;查找所述渲染参数信息中对应所述目标SPA的路由配置文件,从设定存储路径下获取所述页面名称对应的组件数据信息。6.根据权利要求1-5任一项所述的方法,其特征在于,在形成对应所述页面调用请求的超文本链接标记语言页面后,还包括:发送页面渲染完成声明及所述超文本链接标记语言页面至所述应用软件的客户端,以使所述客户端基于所述超文本链接标记语言页面进行页面显示。7.一种页面渲染装置,其特征在于,包括:请求监听模块,用于监听应用软件的页面调用请求;目标信息确定模块,用于确定所述应用软件对应的目标单页网页应用SPA,并获取对应...

【专利技术属性】
技术研发人员:占磊李祎
申请(专利权)人:北京城市网邻信息技术有限公司
类型:发明
国别省市:上海,31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1