页面渲染的方法、装置、设备、存储介质及程序产品.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113961832A(43)申请公布日2022.01.21(21)申请号202111216389.X(22)申请日2021.10.19(71)申请人广州虎牙科技有限公司地址511400广东省广州市番禺区钟村街（汉溪商业中心）泽溪街13号1301(72)发明人李怡之昊(74)专利代理机构北京品源专利代理有限公司11332代理人苏舒音(51)Int.Cl.G06F16/955(2019.01)G06F16/957(2019.01)权利要求书3页说明书11页附图5页(54)发明名称页面渲染的方法、装置、设备、存储介质及程序产品(57)摘要本申请公开了一种页面渲染的方法、装置、设备、存储介质及程序产品，当该方法应用于主线程时包括：当接收到业务模块的接口请求时，基于接口请求向服务器端发起页面请求，该页面请求包括目标URL；接收服务工作线程基于页面请求返回的第一响应数据，第一响应数据为服务工作线程在拦截页面请求后，判定目标URL为指定URL时从缓存数据库中获得的缓存数据；将第一响应数据回传至业务模块，以由业务模块首次页面渲染；接收服务工作线程基于页面请求返回的第二响应数据，第二响应数据为服务工作线程将页面请求发送至服务器后接收服务器返回的数据；将第二响应数据回传至业务模块，以由业务模块进行再次页面渲染，以更早地响应页面请求，缩短用户的等待时长。CN113961832ACN113961832A权利要求书1/3页1.一种页面渲染的方法，其特征在于，所述方法应用于浏览器的主线程中，所述方法包括：当接收到业务模块的接口请求时，基于所述接口请求向服务器端发起页面请求，所述页面请求包括请求的接口对应的目标URL；接收服务工作线程基于所述页面请求返回的第一响应数据，所述第一响应数据为所述服务工作线程在拦截所述页面请求后，判定所述目标URL为指定URL时，从预设的缓存数据库中获得的缓存数据；将所述第一响应数据回传至所述业务模块，以由所述业务模块采用所述第一响应数据进行首次页面渲染；接收所述服务工作线程基于所述页面请求返回的第二响应数据，所述第二响应数据为所述服务工作线程将所述页面请求发送至服务器后，接收服务器返回的数据；将所述第二响应数据回传至所述业务模块，以由所述业务模块采用所述第二响应数据进行再次页面渲染。2.根据权利要求1所述的方法，其特征在于，在所述基于所述接口请求向服务器端发起页面请求之前，所述方法还包括：从所述接口请求中获取promise对象，所述promise对象包括then响应方法；将所述then响应方法存入预先生成的全局队列中，并获取所述then响应方法在所述全局队列中的存储标识；将所述存储标识添加到所述页面请求中。3.根据权利要求2所述的方法，其特征在于，所述第一响应数据携带所述存储标识；所述将所述第一响应数据回传至所述业务模块，包括：在所述全局队列中查找所述存储标识，以获得对应的then响应方法；调用所述then响应方法，以将所述第一响应数据回传至所述业务模块中。4.根据权利要求2或3所述的方法，其特征在于，所述方法还包括：当完成页面渲染以后，则在所述全局队列中删除所述then响应方法及对应的存储标识。5.根据权利要求1‑3任一项所述的方法，其特征在于，在所述接收服务工作线程基于所述页面请求返回的第一响应数据之前，所述方法还包括：在所述主线程中添加对所述服务工作线程的发布信息的监听；所述接收服务工作线程基于所述页面请求返回的第一响应数据，包括：当监听到所述服务工作线程的发布信息时，从所述发布信息中提取所述第一响应数据。6.一种页面渲染的方法，其特征在于，所述方法应用于服务工作线程中，所述方法包括：拦截浏览器的主线程发送的页面请求，并判断所述页面请求中的目标URL地址是否为指定URL地址；若所述页面请求中的目标URL地址为指定URL地址，则在预设的缓存数据库中获取所述目标URL地址对应的缓存数据，并将所述缓存数据作为第一响应数据发送至所述主线程，所述第一响应数据用于进行首次页面渲染；2CN113961832A权利要求书2/3页根据所述页面请求从服务器中获取第二响应数据；将所述第二响应数据发送至所述主线程，所述第二响应数据用于进行再次页面渲染。7.根据权利要求6所述的方法，其特征在于，在所述根据所述页面请求从服务器中获取第二响应数据之后，所述方法还包括：将所述第二响应数据作为缓存数据存储到所述缓存数据库中，以对所述缓存数据库中在先的缓存数据进行更新。8.根据权利要求6或7所述的方法，其特征在于，所述页面请求携带存储标识，则在返回所述第一响应数据或所述第二响应数据时携带所述存储标识。9.一种页面渲染的装置，其特征在于，所述装置应用于浏览器的主线程中，所述装置包括