[发明专利]数据交互系统和基于数据交互系统的页面展示方法

说明书

本申请提供了一种数据交互系统，包括客户端程序和H5容器，H5容器运行有小程序；通过H5容器解析小程序中页面的页面逻辑，基于页面逻辑调用客户端程序；通过客户端程序响应H5容器基于页面逻辑的调用，执行相应的功能；通过H5容器解析页面的渲染初始数据，基于渲染初始数据调用客户端程序；通过客户端程序响应H5容器基于渲染初始数据的调用，生成并返回渲染处理结果；通过H5容器接收并呈现客户端程序返回的渲染处理结果。本申请通过“H5容器+客户端程序”方式开发小程序，使得客户端程序向H5容器提供相应的功能和渲染处理结果，通过H5容器实现页面展示，便于小程序的快速开发和迭代；提高小程序开发的效率。

技术领域

本申请涉及小程序开发技术领域，尤其涉及一种数据交互系统和基于数据交互系统的页面展示方法。

背景技术

目前，可以通过以下两种方式开发小程序(如，哔哩哔哩小程序)，以在哔哩哔哩小程序中实现视频的展示和复杂的交互操作：(1)仅使用html5(html为Hyper Text MarkupLanguage，超文本标记语言；html5为html的第五版本的标准)的video(视频)标签开发小程序，在哔哩哔哩小程序实现视频的展示和复杂的交互操作；(2)仅通过哔哩哔哩客户端的API(Application Programming Interface，应用程序接口)和组件开发小程序，在哔哩哔哩小程序中实现视频的展示和复杂的交互操作。

然而，通过上述两种方式开发小程序，至少具有以下缺陷：(1)对于视频中的弹幕、编辑、浮层、挂件等一些复杂的业务场景的开发，仅依赖html5的video标签进行开发，代码实现复杂，小程序开发效率低，无法满足业务端对于复杂场景的诉求，无法满足业务端期望的流畅且简洁的交互体验；(2)仅通过哔哩哔哩客户端的API和组件开发小程序以实现视频的展示和复杂的交互操作，存在代码维护困难和版本更新困难的问题，无法实现小程序的快速开发和迭代；小程序开发效率低。

发明内容

本申请的目的是提供一种基于数据交互系统的页面展示方法、装置、计算机设备、计算机可读存储介质以及数据交互系统，用于解决小程序开发效率低的问题。

本申请实施例的一个方面提供了一种数据交互系统，包括客户端程序和H5容器，所述H5容器运行有小程序，其中：

所述H5容器，用于：解析所述小程序中页面的页面逻辑，并基于所述页面逻辑调用所述客户端程序；

所述客户端程序，用于：响应所述H5容器基于所述页面逻辑的调用，执行相应的功能；

所述H5容器，还用于：解析所述页面的渲染初始数据，并基于所述渲染初始数据调用所述客户端程序；

所述客户端程序，还用于：响应所述H5容器基于所述渲染初始数据的调用，生成并返回渲染处理结果；及

所述H5容器，还用于：接收并呈现所述客户端程序返回的所述渲染处理结果。

可选地，所述小程序包括逻辑层，用于解析所述页面的页面逻辑，并配置有供所述页面调用的视频API，所述视频API定义有能力协议，所述能力协议定义有所述视频API的消息传输格式；

API消息通道，用于将所述视频API提供的API消息传输至客户端程序，以便所述客户端程序根据所述能力协议识别所述API消息并基于所述API消息调用相应的功能，所述视频API提供的API消息通过解析所述页面的页面逻辑得到；

渲染层，用于解析所述页面的渲染初始数据，并配置有供页面调用的视频组件，所述视频组件定义有组件协议，所述组件协议定义有所述视频组件的消息传输格式；及

组件消息通道，用于将所述视频组件提供的组件消息传输至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述组件消息并基于所述组件消息进行渲染处理，所述视频组件提供的组件消息通过解析所述页面的渲染初始数据得到；还用于接收渲染处理结果，以便所述渲染层呈现所述渲染处理结果。