预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共23页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN111880790A(43)申请公布日2020.11.03(21)申请号202010536811.9(22)申请日2020.06.12(71)申请人北京三快在线科技有限公司地址100190北京市海淀区北四环西路9号2106-030(72)发明人王海飞易斌王振兴熊军慧林翔宇(74)专利代理机构北京市隆安律师事务所11323代理人权鲜枝(51)Int.Cl.G06F8/38(2018.01)G06F8/41(2018.01)G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书17页附图3页(54)发明名称页面渲染方法、页面渲染系统和计算机可读存储介质(57)摘要本申请公开了一种页面渲染方法、页面渲染系统和计算机可读存储介质,所述页面渲染方法包括:客户端生成目标页面的服务端渲染请求,并将所述服务端渲染请求发送至服务端,所述服务端对所述服务端渲染请求进行解析,并根据解析结果运行ReactNative业务包,得到渲染操作序列并发送至所述客户端,所述客户端接收并执行所述服务端返回的渲染操作序列,根据执行结果生成渲染后的目标页面。本申请实施例的页面渲染方法将CSR流程中的耗时过程迁移到了服务端来进行,利用服务端的强大计算能力加速了页面渲染,客户端无需启动JavaScript引擎及加载业务Bundle,就可以完成首屏渲染,缩短了客户端的首屏渲染时间,提高了用户体验。CN111880790ACN111880790A权利要求书1/2页1.一种页面渲染方法,其特征在于,包括:客户端生成目标页面的服务端渲染请求,并将所述服务端渲染请求发送至服务端;所述服务端对所述服务端渲染请求进行解析,并根据解析结果运行ReactNative业务包,得到渲染操作序列并发送至所述客户端;所述客户端接收并执行所述服务端返回的渲染操作序列,根据执行结果生成渲染后的目标页面。2.根据权利要求1所述的页面渲染方法,其特征在于,所述服务端对所述服务端渲染请求进行解析,并根据解析结果运行ReactNative业务包,得到渲染操作序列并发送至所述客户端包括:所述服务端根据所述解析结果创建沙箱环境,以将ReactNative框架的运行环境和所述服务端的运行环境进行隔离;在所述沙箱环境下,将所述ReactNative框架的运行库注入所述服务端的运行环境中。3.根据权利要求2所述的页面渲染方法,其特征在于,所述服务端对所述服务端渲染请求进行解析,并根据解析结果运行ReactNative业务包,得到渲染操作序列并发送至所述客户端包括:所述服务端根据已注入所述运行库的服务端的运行环境,加载ReactNative框架;根据所述ReactNative框架的加载结果,运行所述ReactNative业务包。4.根据权利要求3所述的页面渲染方法,其特征在于,所述方法还包括:所述服务端根据所述解析结果获取业务数据;在ReactNative框架加载完成后,将所述业务数据注入所述ReactNative业务包并运行,得到所述渲染操作序列。5.根据权利要求4所述的页面渲染方法,其特征在于,所述方法还包括:通过内容分发网络服务器获取所述ReactNative业务包,以及通过业务服务器获取所述业务数据。6.根据权利要求5所述的页面渲染方法,其特征在于,所述方法还包括:通过内部局域网络或专线网络获取所述ReactNative业务包和所述业务数据。7.根据权利要求1所述的页面渲染方法,其特征在于,所述根据解析结果运行ReactNative业务包,得到渲染操作序列并发送至所述客户端包括:所述服务端根据所述ReactNative业务包的运行结果,生成虚拟DOM视图;根据所述虚拟DOM视图生成所述渲染操作序列并发送至所述客户端。8.根据权利要求1所述的页面渲染方法,其特征在于,所述客户端接收并执行所述服务端返回的渲染操作序列包括:所述客户端执行所述渲染操作序列,得到目标页面的用户界面组件和Native视图。9.根据权利要求2所述的页面渲染方法,其特征在于,所述渲染后的页面是指渲染后的首屏页面,所述方法还包括:所述客户端获取对所述首屏页面的刷新请求;根据所述刷新请求复用所述ReactNative框架的运行环境;在所述ReactNative框架的运行环境下,对所述首屏页面进行刷新。2CN111880790A权利要求书2/2页10.一种页面渲染系统,其特征在于,包括:客户端,用于生成目标页面的服务端渲染请求,并将所述服务端渲染请求发送至服务端;服务端,用于对所述服务端渲染请求进行解析,并根据解析结果运行ReactNative业务包,得到渲染操作序列并发送至所述客户端;所述客户端,还用于接收并执行所述服务端返回的