H5页面的预加载及跳转方法、装置、设备及介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112035186A(43)申请公布日2020.12.04(21)申请号202010909991.0(22)申请日2020.09.02(71)申请人平安普惠企业管理有限公司地址518000广东省深圳市前海深港合作区前湾一路1号A栋201室(72)发明人梁承飞(74)专利代理机构深圳众鼎专利商标代理事务所(普通合伙)44325代理人黄章辉(51)Int.Cl.G06F9/445(2018.01)G06F9/448(2018.01)G06F9/451(2018.01)G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书10页附图5页(54)发明名称H5页面的预加载及跳转方法、装置、设备及介质(57)摘要本发明涉及H5页面领域，提供一种H5页面的预加载及跳转方法、装置、设备及介质，所述方法包括：通过获取页面加载请求中的第一H5页面数据；对第一H5页面进行加载及渲染；通过Native接口接收自动触发的第二H5页面预加载信息，将第二H5页面预加载信息封装为包含多个配置参数请求信息的接口请求信息；通过多线程异步方式，发出各配置参数请求信息，将配置参数加载信息预加载至基于Native的缓存池，同时监控预加载过程，并通知第一H5页面实时更新显示预加载进度；在通过Native接口接收到第二H5页面跳转请求，且加载、渲染并显示第二H5页面。本发明实现了通过多线程异步方式自动预加载第二H5页面以及实时更新预加载进度，通过缓存池加载、渲染并显示第二H5页面。CN112035186ACN112035186A权利要求书1/2页1.一种H5页面的预加载及跳转方法，其特征在于，包括：接收到页面加载请求，获取所述页面加载请求中的第一H5页面数据；根据所述第一H5页面数据对第一H5页面进行加载及渲染；在第一H5页面渲染完毕并显示之后，通过Native接口接收已显示的所述第一H5页面自动触发的第二H5页面预加载信息，将所述第二H5页面预加载信息封装为接口请求信息；所述接口请求信息包括多个配置参数请求信息；通过多线程异步方式，发出各所述配置参数请求信息，并在接收到的与所述配置参数请求信息对应的配置参数加载信息之后，将所述配置参数加载信息预加载至基于Native的缓存池，同时监控所有所述配置参数加载信息的预加载过程，并通知所述第一H5页面实时更新显示预加载进度；在通过所述Native接口接收到来自所述第一H5页面的第二H5页面跳转请求，且检测到所有所述配置参数加载信息的预加载完毕之后，根据所述缓存池中的所有所述配置参数加载信息进行加载、渲染并显示第二H5页面。2.如权利要求1所述的H5页面的预加载及跳转方法，其特征在于，所述接收到页面加载请求之前，包括：通过单例方式，构建预加载H5页面管理中心；通过所述预加载H5页面管理中心，创建所述缓存池，并获取应用程序服务器中的线上配置表数据；将获取的所述线上配置表数据存储至所述缓存池，并记录为配置表数据。3.如权利要求1所述的H5页面的预加载及跳转方法，其特征在于，所述根据所述第一H5页面数据对第一H5页面进行加载及渲染，包括：从所述缓存池中的所述配置表数据中获取到与所述第一H5页面数据中的配置字段匹配的H5页面配置数据；对所述第一H5页面数据和所述H5页面配置数据进行加载，得到待渲染H5页面数据；对所述待渲染H5页面数据进行渲染，生成所述第一H5页面，并显示所述第一H5页面。4.如权利要求1所述的H5页面的预加载及跳转方法，其特征在于，所述监控所有所述配置参数加载信息的预加载过程，并在所述第一H5页面实时刷新显示预加载进度，包括：通过均等分法，划分各所述配置参数请求信息对应的占比信息；监控到所述配置参数加载信息预加载至所述缓存池后，获取与所述配置参数加载信息对应的所述占比信息；通过Native接口，将获取的所述占比信息通知至所述第一H5页面，以供所述第一H5页面根据所述占比信息实时更新显示所述预加载进度。5.如权利要求1所述的H5页面的预加载及跳转方法，其特征在于，所述根据所述缓存池中的所有所述配置参数加载信息进行加载、渲染并显示第二H5页面，包括：获取所述缓存池中的所有所述配置参数加载信息；指示所述第一H5页面触发并发送第二H5页面路由跳转指令；在所述Native接口接收到所述第一H5页面发送的所述第二H5页面路由跳转指令之后，根据所有所述配置参数加载信息进行加载、渲染并显示第二H5页面。6.如权利要求5所述的H5页面的预加载及跳转方法，其特征在于，所述指示所述第一H52CN112035186A权利要求书2/2页页面触发并发送第二H5页面路由跳转指令之后，还包括：在所述Native接口在预设的超时时间段内