【技术实现步骤摘要】
一种组件渲染方法、装置、服务器、终端和介质
本申请涉及互联网
，尤其涉及一种前端渲染技术，具体涉及一种组件渲染方法、装置、服务器、终端和介质。
技术介绍
前端侧的服务端渲染方案(Server-SideRendering)简称SSR，是目前基于主流前端框架(如React、Vue等)将前端构建产物部署至服务端，由服务端执行渲染产出HTML结构发送至浏览器，再由浏览器基于框架进行激活(事件绑定，生命周期事件触发等)，实现可交互的前端应用程序。主要用以加快用户侧的页面呈现速度，以及加强SEO(搜索引擎优化)和优化前后端分离。而越来越复杂的前端组件与应用逻辑，使得服务端渲染的负载不断增大，对服务端的性能与稳定性带来一定影响。为解决该问题，现有技术通常是采取SSR缓存方案，包括页面级别缓存、组件级别缓存或者数据级别缓存，然而，这些缓存方案无法适用于所有场景，例如，用户特定内容的场景，数据量很大的场景，复杂的页面或组件渲染场景等。
技术实现思路
本申请实施例提供一种组件渲染方法、装置、服务器、终端和介质，...
【技术保护点】
1.一种组件渲染方法，应用于服务器，其特征在于，所述方法包括：/n响应来自终端的目标组件渲染请求，使用所述目标组件中的第一状态结构进行一级渲染，得到所述目标组件的第一状态页面，其中，所述目标组件中包括第一状态结构和第二状态结构；/n将所述第一状态页面发送至所述终端，使所述终端执行如下操作：显示所述第一状态页面，使用所述目标组件中的第二状态结构进行二级渲染，得到第二状态页面，并显示所述第二状态页面。/n
【技术特征摘要】
1.一种组件渲染方法，应用于服务器，其特征在于，所述方法包括：
响应来自终端的目标组件渲染请求，使用所述目标组件中的第一状态结构进行一级渲染，得到所述目标组件的第一状态页面，其中，所述目标组件中包括第一状态结构和第二状态结构；
将所述第一状态页面发送至所述终端，使所述终端执行如下操作：显示所述第一状态页面，使用所述目标组件中的第二状态结构进行二级渲染，得到第二状态页面，并显示所述第二状态页面。
2.根据权利要求1所述的方法，其特征在于，所述第一状态结构包括呈现态结构，所述第二状态结构包括交互态结构。
3.根据权利要求1或2所述的方法，其特征在于，响应来自终端的目标组件渲染请求，使用所述目标组件中的第一状态结构进行一级渲染，包括：
响应来自终端的目标组件渲染请求，基于服务器侧的环境状态值，使用所述目标组件中的第一状态结构进行一级渲染，其中，所述服务器侧的环境状态值用于判定当前执行环境是否位于服务器侧。
4.一种组件渲染方法，应用于终端，其特征在于，所述方法包括：
接收服务器发送的第一状态页面，并显示所述第一状态页面，其中，所述第一状态页面是所述服务器响应来自所述终端的目标组件渲染请求，使用所述目标组件中的第一状态结构进行一级渲染而得到，所述目标组件中包括第一状态结构和第二状态结构；
使用所述目标组件中的第二状态结构进行二级渲染，得到第二状态页面，并显示所述第二状态页面。
5.根据权利要求4所述的方法，其特征在于，所述第一状态结构包括呈现态结构，所述第二状态结构包括交互态结构。
6.根据权利要求4或5所述的方法，其特征在于，在所述显示所述第一状态页面之前，所述方法还包括：对所述第一状态页面进行激活。
7.根据权利要求4或5所述的方法，其特征在于，所述使用所述目标组件中的第二状态结构进行二级渲染，包括：
基于终端侧的环境状态值，使用所述目标组件中的第二状态结构进行二级渲染，其中，所述终端侧的环境状态值用于判定当前执行环境是否位于终端侧。
8.根据权利要求4或5所述的方法，其特征在于，所述显示所述第二状态页面，包括：
将所述第二状态页面更新至所述第一状态页面，以显示所述第二状态页面。
9.一种组件渲染装置，配置于服务器，其特征在于，所述装置包括：
一级渲染模块，用于响应来自终端的目标组件渲染请求，使用所述目标组件中的第一状态结构进行一级渲染，得到所述目标组件的第一状态页面，其中，所述目标组件中包括第一状态结构和第二状态结构；
发送模块，用于将所述第一状态页面发送至所述终端，使所述终端执行如下操作：显示所述第一状态页面，使用所述目标组件中的第二状态结构进行二级渲染，得到第二状态页面，并显示所述第二状态页面。
10.根据...
【专利技术属性】
技术研发人员：倪颖峰，
申请(专利权)人：北京百度网讯科技有限公司，
类型：发明
国别省市：北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。