页面渲染方法、装置、客户端和计算机可读存储介质制造方法及图纸

本申请公开了一种页面渲染方法、装置、客户端和计算机可读存储介质，所述页面渲染方法包括：生成目标页面的服务端渲染请求；将所述服务端渲染请求发送至服务端，以使服务端根据所述服务端渲染请求运行React Native业务包，得到渲染操作序列；接收并执行所述服务端返回的渲染操作序列，根据执行结果完成目标页面的渲染。本申请实施例的页面渲染方法将CSR流程中的耗时过程迁移到了服务端来进行，利用服务端的强大计算能力加速了页面渲染，并在客户端同时进行SSR和CSR渲染流程，客户端的SSR流程无需启动Java Script引擎及加载业务Bundle，就可以完成首屏渲染，缩短了客户端的首屏渲染时间，提高了用户体验。

【技术实现步骤摘要】
页面渲染方法、装置、客户端和计算机可读存储介质
本申请涉及网页开发
，具体涉及一种页面渲染方法、装置、客户端和计算机可读存储介质。
技术介绍
现有技术中常用的页面渲染方法主要包括服务端渲染(ServerSideRender，简称SSR)和客户端渲染(ClientSideRender，简称CSR)。SSR的原理是将HTML(HyperTextMarkupLanguage，超文本标记语言)页面及其相应的动态数据在服务端进行组装，然后直接将完整的页面呈现在浏览器。CSR的原理是HTML页面及动态数据的组装发生在客户端，即浏览器端，即前后端分离的情况下就是采用的客户端渲染机制。ReactNative(简称RN)是Facebook在2015年开源的跨平台移动应用开发框架，是Facebook早先开源的用户界面(UserInterface，简称UI)框架React在原生移动应用平台的衍生产物。RN基于JavaScript语言来开发移动应用，且使用客户端渲染CSR完成一个页面的渲染。然而专利技术人发现，现有技术中的CSR渲染效率依本文档来自技高网...

【技术保护点】
1.一种页面渲染方法，其特征在于，包括：/n生成目标页面的服务端渲染请求；/n将所述服务端渲染请求发送至服务端，以使服务端根据所述服务端渲染请求运行React Native业务包，得到渲染操作序列；/n接收并执行所述服务端返回的渲染操作序列，根据执行结果完成目标页面的渲染。/n

【技术特征摘要】
1.一种页面渲染方法，其特征在于，包括：
生成目标页面的服务端渲染请求；
将所述服务端渲染请求发送至服务端，以使服务端根据所述服务端渲染请求运行ReactNative业务包，得到渲染操作序列；
接收并执行所述服务端返回的渲染操作序列，根据执行结果完成目标页面的渲染。


2.根据权利要求1所述的页面渲染方法，其特征在于，所述接收并执行所述服务端返回的渲染操作序列包括：
基于服务端渲染机制执行所述渲染操作序列，得到目标页面的用户界面组件和Native视图。


3.根据权利要求2所述的页面渲染方法，其特征在于，所述根据执行结果完成目标页面的渲染包括：
基于客户端渲染机制生成目标页面的虚拟DOM视图；
基于所述虚拟DOM视图和所述Native视图的视图标签匹配情况，完成用户界面组件的事件绑定。


4.根据权利要求3所述的页面渲染方法，其特征在于，所述基于客户端渲染机制生成目标页面的虚拟DOM视图包括：
启动ReactNative引擎和JavaScript引擎；
基于启动的ReactNative引擎和JavaScript引擎运行所述ReactNative业务包；
根据所述ReactNative业务包的运行结果，生成虚拟DOM视图。


5.根据权利要求4所述的页面渲染方法，其特征在于，所述基于服务端渲染机制执...

【专利技术属性】
技术研发人员：王振兴，熊军慧，王海飞，易斌，林翔宇，
申请(专利权)人：北京三快在线科技有限公司，
类型：发明
国别省市：北京;11