CN113672405A - 数据交互系统和基于数据交互系统的页面展示方法 - Google Patents

数据交互系统和基于数据交互系统的页面展示方法 Download PDF

Info

Publication number
CN113672405A
CN113672405A CN202110970125.7A CN202110970125A CN113672405A CN 113672405 A CN113672405 A CN 113672405A CN 202110970125 A CN202110970125 A CN 202110970125A CN 113672405 A CN113672405 A CN 113672405A
Authority
CN
China
Prior art keywords
component
rendering
client program
video
page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202110970125.7A
Other languages
English (en)
Inventor
仲强
翁阳
吉小龙
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Bilibili Technology Co Ltd
Original Assignee
Shanghai Bilibili Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shanghai Bilibili Technology Co Ltd filed Critical Shanghai Bilibili Technology Co Ltd
Priority to CN202110970125.7A priority Critical patent/CN113672405A/zh
Publication of CN113672405A publication Critical patent/CN113672405A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/46—Multiprogramming arrangements
    • G06F9/54—Interprogram communication
    • G06F9/546—Message passing systems or structures, e.g. queues
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/20—Software design
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
    • G06F9/45504—Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
    • G06F9/45508—Runtime interpretation or emulation, e g. emulator loops, bytecode interpretation
    • G06F9/45512—Command shells
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/46—Multiprogramming arrangements
    • G06F9/54—Interprogram communication
    • G06F9/542—Event management; Broadcasting; Multicasting; Notifications
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/46—Multiprogramming arrangements
    • G06F9/54—Interprogram communication
    • G06F9/545—Interprogram communication where tasks reside in different layers, e.g. user- and kernel-space
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
    • H04N21/44012—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving rendering scenes according to scene graphs, e.g. MPEG-4 scene graphs
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
    • H04N21/4402—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display
    • H04N21/440227—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display by decomposing into layers, e.g. base layer and one or more enhancement layers
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81—Monomedia components thereof
    • H04N21/8166—Monomedia components thereof involving executable data, e.g. software
    • H04N21/8173—End-user applications, e.g. Web browser, game
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/83—Generation or processing of protective or descriptive data associated with content; Content structuring
    • H04N21/84—Generation or processing of descriptive data, e.g. content descriptors
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2209/00—Indexing scheme relating to G06F9/00
    • G06F2209/54—Indexing scheme relating to G06F9/54
    • G06F2209/545—Gui

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Stored Programmes (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

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

Description

数据交互系统和基于数据交互系统的页面展示方法
技术领域
本申请涉及小程序开发技术领域，尤其涉及一种数据交互系统和基于数据交互系统的页面展示方法。
背景技术
目前，可以通过以下两种方式开发小程序(如，哔哩哔哩小程序)，以在哔哩哔哩小程序中实现视频的展示和复杂的交互操作：(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消息通过解析所述页面的页面逻辑得到；
渲染层，用于解析所述页面的渲染初始数据，并配置有供页面调用的视频组件，所述视频组件定义有组件协议，所述组件协议定义有所述视频组件的消息传输格式；及
组件消息通道，用于将所述视频组件提供的组件消息传输至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述组件消息并基于所述组件消息进行渲染处理，所述视频组件提供的组件消息通过解析所述页面的渲染初始数据得到；还用于接收渲染处理结果，以便所述渲染层呈现所述渲染处理结果。
可选地，所述渲染层，还用于：
确定所述渲染初始数据是否包括视频标签；
若所述渲染初始数据包括所述视频标签，则确定与所述视频标签对应的目标视频组件；
获取所述目标视频组件在所述H5容器中的基础数据，所述基础数据包括大小、位置和/或样式；
通过所述目标视频组件将所述基础数据封装为所述组件消息；及
将所述组件消息通过所述组件消息通道传输至所述客户端程序，以便所述客户端程序基于所述基础数据进行渲染并返回渲染处理结果，以便所述渲染层呈现所述渲染处理结果。
可选地，所述相应的功能包括设置所述渲染层中相应的视频组件；
所述组件消息通道，还用于：将所述视频组件被设置后更新的基础数据发送至所述客户端程序，以便所述客户端程序基于所述更新的基础数据进行渲染处理并返回渲染更新结果，以便所述渲染层呈现所述渲染更新结果；其中，所述更新的基础数据包括所述视频组件的组件样式参数和/或所述H5容器的布局参数。
可选地，所述能力协议包括所述视频API和所述客户端程序之间定义的关键值和实现所述视频API的功能所需的参数，所述关键值包括对所述视频API的功能描述；所述组件协议包括所述视频组件和所述客户端程序之间定义的组件标识信息和展示页面所需的参数。
可选地，所述API消息通道包括：
第一函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述客户端程序的消息；
第二函数调用方法，为所述逻辑层全局对象下定义的方法，用于发送消息至所述客户端程序；及
第三函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述API消息。
可选地，所述组件消息通道包括：
第四函数调用方法，为所述渲染层全局对象下定义的方法，用于接收所述客户端程序的消息；及
第五函数调用方法，为所述渲染层全局对象下定义的方法，用于发送消息至所述客户端程序。
可选地，所述第四函数调用方法，还用于：
接收所述客户端程序发送的所述视频组件的组件事件，所述组件事件包括目标视频组件的视频播放状态数据以及作用于所述目标视频组件的交互操作；
所述渲染层，还用于：根据所述组件事件，确定所述目标视频组件，以获取所述H5容器中与所述目标视频组件相关的多个节点事件，每个节点事件包括与所述视频组件相关的业务渲染数据以及与所述业务渲染数据相关的组件函数调用方法；根据所述组件事件，在所述多个节点事件中确定与所述组件事件相关的目标节点事件；调用所述目标节点事件中的组件函数调用方法，并通过所述组件消息通道发送所述目标节点事件中的业务渲染数据至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述目标节点事件中的业务渲染数据并基于所述目标节点事件中的业务渲染数据进行渲染处理以得到目标渲染处理结果；通过所述组件消息通道接收所述客户端程序发送的所述目标渲染处理结果；及通过所述渲染层呈现所述目标渲染处理结果。
本申请实施例的一个方面又提供了一种基于数据交互系统的页面展示方法，所述数据交互系统包括客户端程序和H5容器，所述H5容器运行有小程序；所述方法包括：
通过所述H5容器解析所述小程序中页面的页面逻辑，并基于所述页面逻辑调用所述客户端程序；
通过所述客户端程序响应所述H5容器基于所述页面逻辑的调用，执行相应的功能；
通过所述H5容器解析所述页面的渲染初始数据，并基于所述渲染初始数据调用所述客户端程序；
通过所述客户端程序响应所述H5容器基于所述渲染初始数据的调用，生成并返回渲染处理结果；及
通过所述H5容器接收并呈现所述客户端程序返回的所述渲染处理结果。
可选地，所述小程序包括逻辑层、API消息通道、渲染层以及组件消息通道；
通过所述逻辑层解析所述页面的页面逻辑，所述逻辑层配置有供页面调用的视频API，所述视频API定义有能力协议，所述能力协议定义有所述视频API的消息传输格式；
通过所述API消息通道将所述视频API提供的API消息传输至客户端程序，以便所述客户端程序根据所述能力协议识别所述API消息并基于所述API消息调用相应的功能，所述视频API提供的API消息通过解析所述页面的页面逻辑得到；
通过所述渲染层解析所述页面的渲染初始数据，所述渲染层配置有供所述页面调用的视频组件，所述视频组件定义有组件协议，所述组件协议定义有所述视频组件的消息传输格式；
通过所述组件消息通道将所述视频组件提供的组件消息传输至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述组件消息并基于所述组件消息进行渲染处理，所述视频组件提供的组件消息通过解析所述页面的渲染初始数据得到；
通过所述组件消息通道接收渲染处理结果；及
通过所述渲染层呈现所述渲染处理结果。
可选地，所述通过所述渲染层解析所述页面的渲染初始数据，包括：
确定所述渲染初始数据是否包括视频标签；
若所述渲染初始数据包括所述视频标签，则确定与所述视频标签对应的目标视频组件；
获取所述目标视频组件在所述H5容器中的基础数据，所述基础数据包括大小、位置和/或样式；
通过所述目标视频组件将所述基础数据封装为所述组件消息；
在所述通过所述渲染层解析所述页面的渲染初始数据之后，所述渲染层还执行以下操作：
将所述组件消息通过所述组件消息通道传输至所述客户端程序，以便所述客户端程序基于所述基础数据进行渲染并返回所述渲染处理结果；
接收通过所述组件消息通道传输的所述渲染处理结果；及
呈现所述渲染处理结果。
可选地，所述相应的功能包括设置所述渲染层中相应的视频组件；
所述方法还包括：
通过所述组件消息通道将所述视频组件被设置后更新的基础数据发送至所述客户端程序，以便所述客户端程序基于所述更新的基础数据进行渲染处理并得到渲染更新结果；其中，所述更新的基础数据包括所述视频组件的组件样式参数和/或所述H5容器的布局参数；
通过所述组件消息通道接收所述渲染更新结果；及
通过所述渲染层呈现所述渲染更新结果。
可选地，所述能力协议包括所述视频API和所述客户端程序之间定义的关键值和实现所述视频API的功能所需的参数，所述关键值包括对所述视频API的功能描述；所述组件协议包括所述视频组件和所述客户端程序之间定义的组件标识信息和展示页面所需的参数。
可选地，所述API消息通道包括：
第一函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述客户端程序的消息；
第二函数调用方法，为所述逻辑层全局对象下定义的方法，用于发送消息至所述客户端程序；及
第三函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述API消息。
可选地，所述组件消息通道包括：
第四函数调用方法，为所述渲染层全局对象下定义的方法，用于接收所述客户端程序的消息；及
第五函数调用方法，为所述渲染层全局对象下定义的方法，用于发送消息至所述客户端程序。
可选地，所述方法还包括：
通过所述第四函数调用方法，在所述渲染层接收所述客户端程序发送的组件事件，所述组件事件包括目标视频组件的视频播放状态数据以及作用于所述目标视频组件的交互操作；
通过所述渲染层根据所述组件事件，确定所述目标视频组件，以获取所述H5容器中与所述目标视频组件相关的多个节点事件，每个节点事件包括与所述视频组件相关的业务渲染数据以及与所述业务渲染数据相关的组件函数调用方法；
通过所述渲染层根据所述组件事件，在所述多个节点事件中确定与所述组件事件相关的目标节点事件；
通过所述渲染层调用所述目标节点事件中的组件函数调用方法，并通过所述组件消息通道发送所述目标节点事件中的业务渲染数据至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述目标节点事件中的业务渲染数据并基于所述目标节点事件中的业务渲染数据进行渲染处理以得到目标渲染处理结果；
通过所述组件消息通道接收所述客户端程序发送的所述目标渲染处理结果；及
通过所述渲染层呈现所述目标渲染处理结果。
本申请实施例的一个方面又提供了一种基于数据交互系统的页面展示装置，所述数据交互系统包括客户端程序和H5容器，所述H5容器运行有小程序；所述装置包括：
第一解析模块，用于通过所述H5容器解析所述小程序中页面的页面逻辑，并基于所述页面逻辑调用所述客户端程序；
第一响应模块，用于通过所述客户端程序响应所述H5容器基于所述页面逻辑的调用，执行相应的功能；
第二解析模块，用于通过所述H5容器解析所述页面的渲染初始数据，并基于所述渲染初始数据调用所述客户端程序；
第二响应模块，用于通过所述客户端程序响应所述H5容器基于所述渲染初始数据的调用，生成并返回渲染处理结果；及
展示模块，用于通过所述H5容器接收并呈现所述客户端程序返回的所述渲染处理结果。
本申请实施例的一个方面又提供了一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述基于数据交互系统的页面展示方法的步骤。
本申请实施例的一个方面又提供了一种计算机可读存储介质，包括存储器、处理器以及存储在存储器上并可在至少一个处理器上运行的计算机程序，所述至少一个处理器执行所述计算机程序时实现如上述基于数据交互系统的页面展示方法的步骤。
本申请实施例提供的基于数据交互系统的页面展示方法、装置、计算机设备、计算机可读存储介质以及数据交互系统，通过“H5容器+客户端程序”混合开发方式开发小程序，使得客户端程序提供相应的功能和渲染处理结果给所述H5容器，有效减轻业务端代码编写的压力，并且能够满足业务端对于复杂的业务场景的需求；通过H5容器实现页面展示，有助于小程序的快速开发和迭代；有效地提高了小程序开发的效率。
附图说明
图1示意性示出了根据本申请实施例的数据交互系统的架构示意图；
图2示意性示出了根据本申请实施例一结合运行在H5容器中的数据交互系统和客户端程序开发小程序的流程示意图；
图3示意性示出了根据本申请实施例一的基于数据交互系统开发的小程序，在代码层面实现应用的流程图；
图4A示意性示出了根据本申请实施例二的基于数据交互系统的页面展示方法的流程图；
图4B示意性示出了根据本申请实施例二的基于数据交互系统的页面展示方法的流程图；
图5示意性示出了根据本申请实施例二的基于数据交互系统的页面展示方法中通过渲染层根据渲染初始数据呈现渲染处理结果的流程图；
图6示意性示出了根据本申请实施例二的基于数据交互系统的页面展示方法中调用视频API相应的功能，以在渲染层呈现渲染更新结果的流程图；
图7示意性示出了根据本申请实施例二的基于数据交互系统的页面展示方法中通过渲染层根据组件事件呈现目标渲染处理结果的流程图；
图8示意性示出了根据本申请实施例三的基于数据交互系统的页面展示装置的框图；
图9示意性示出了根据本申请实施例四的计算机设备的硬件结构示意图；
图10示意性示出了根据本申请实施例基于数据交互系统呈现相应页面的效果图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本申请，并不用于限定本申请。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
需要说明的是，在本申请实施例中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本申请要求的保护范围之内。
在本申请的描述中，需要理解的是，步骤前的数字标号并不标识执行步骤的前后顺序，仅用于方便描述本申请及区别每一步骤，因此不能理解为对本申请的限制。
以下为本申请涉及的一些术语解释：
H5(HTML5，HyperText Markup Language，第五次修改的超文本标记语言)容器：Webview(网页视图组件)，用于展示页面。
客户端程序：指在移动端的安卓系统或iOS系统中安装的应用程序，其中，所述客户端程序可以为安装在移动端的安卓系统或iOS系统中的哔哩哔哩客户端。
小程序：基于H5容器与客户端程序动态混合的前端开发应用程序；其中，所述小程序可以为哔哩哔哩小程序。
小程序框架：运行在H5容器中，用于所述小程序的开发。
消息通道：JavaScript(直译式脚本语言)和客户端程序通信的途径，其中，所述消息通道包括API消息通道和组件消息通道。
API(Application Programming Interface，应用程序接口)：封装有JavaScript(直译式脚本语言)方法。
组件：所述组件可以为Vue.js的组件，Vue.js是一种用于构建用户界面的渐进式的JavaScript框架，包含视图、逻辑、样式等独立模块。
通信协议：指H5容器和客户端程序之间的数据交换协议，其中，所述通信协议包括所述API中定义的能力协议和所述组件中定义的组件协议。
经过研究，本发明人认为仅使用H5的video(视频)标签开发小程序或者仅通过客户端的API和组件开发小程序，至少存在小程序开发效率低、维护代码成本高、无法满足复杂的业务场景的需求等问题。
鉴于上述问题，本申请在数据交互系统中构建H5容器到客户端程序的消息通道。在H5容器调用小程序的框架提供的视频组件时，可以通过消息通道调用客户端程序的视频组件，以在H5容器里使用客户端程序提供的视频组件；在H5容器调用小程序的框架封装的API时，可以通过所述消息通道调用客户端程序的API，实现视频的播放、暂停、停止、加速等操作。
综上，本申请在小程序中实现视频的关键点包括，但不限于：
(1)构建H5容器和客户端程序之间的消息通道，用于传递消息。
(2)通过消息通道使用客户端程序提供的视频API相应的功能。
(3)通过消息通道使用客户端程序提供的视频组件。
下文将提供多个实施例，下文提供的各个实施例可以用于解决上述描述的缺陷。
实施例一
图1示意性示出了根据本申请实施例的数据交互系统的整体架构示意图。如图1所示，在小程序开发和应用的过程中，需要通过客户端程序2调用安卓系统或者iOS系统中的H5容器，以使小程序运行在H5容器中。在本申请实施例中，客户端程序2可以为哔哩哔哩客户端；小程序可以为运行在哔哩哔哩客户端上的哔哩哔哩小程序。
所述数据交互系统包括：客户端程序2和H5容器3，所述H5容器3运行有小程序1；
所述H5容器，用于：解析所述小程序中页面的页面逻辑，并基于所述页面逻辑调用所述客户端程序；
所述客户端程序，用于：响应所述H5容器基于所述页面逻辑的调用，执行相应的功能；
所述H5容器，还用于：解析所述页面的渲染初始数据，并基于所述渲染初始数据调用所述客户端程序；
所述客户端程序，还用于：响应所述H5容器基于所述渲染初始数据的调用，生成并返回渲染处理结果；及
所述H5容器，还用于：接收并呈现所述客户端程序返回的所述渲染处理结果。
在示例性的实施例中，所述小程序包括逻辑层11、渲染层12和消息通道，所述消息通道包括API消息通道13以及组件消息通道14，其中：
逻辑层11，用于解析所述页面的页面逻辑，并配置有供所述页面调用的视频API，所述视频API定义有能力协议，所述能力协议定义有所述视频API的消息传输格式。在本实施例中，所述逻辑层11中对外封装有多个API，所述多个API包括API-1、API-2、…、API-N以及视频API，所述视频API定义有控制视频播放、暂停、停止、发弹幕、倍速播放、全屏等功能。
API消息通道13，用于将所述视频API提供的API消息传输至客户端程序2，以便所述客户端程序2根据所述能力协议识别所述API消息并基于所述API消息调用相应的功能，所述视频API提供的API消息通过解析所述页面的页面逻辑得到。
渲染层12，用于解析所述页面的渲染初始数据，并配置有供页面调用的视频组件，所述视频组件定义有组件协议，所述组件协议定义有所述视频组件的消息传输格式。在本实施例中，所述渲染层12中对外封装有多个组件，所述多个组件包括但不限于视频组件(video组件)、画布组件(cannas组件)、覆盖在原生组件上的文本视图组件(cover-view组件)、提示组件(toast组件)等。
组件消息通道14，用于将所述视频组件提供的组件消息传输至所述客户端程序2，以便所述客户端程序2根据所述组件协议识别所述组件消息并基于所述组件消息进行渲染处理，所述视频组件提供的组件消息通过解析所述页面的渲染初始数据得到；还用于接收渲染处理结果，以便所述渲染层12呈现所述渲染处理结果。
在本申请实施例中，业务端在哔哩哔哩小程序开发的过程中，小程序的框架根据业务端输入的业务逻辑代码，调用小程序的框架对外封装的视频API和视频组件，通过小程序的框架中构建的API消息通道13使用客户端程序2提供的与所述视频API相应的功能以及通过组件消息通道14使用客户端程序2提供的与所述视频组件相应的功能，以在哔哩哔哩小程序中创建与视频相关的页面并实现复杂的交互操作。通过H5容器和客户端程序2相结合的方式开发小程序，可以通过构建好的消息通道调用客户端程序2提供的API和组件所具备的功能，有效减轻业务端代码编写的压力，并且能够满足业务端对于复杂的业务场景的需求；通过H5容器实现与视频相关的页面的呈现，有助于小程序的快速开发和迭代；有效地提高了小程序开发的效率。
为了兼具通过H5容器开发小程序的优势以及通过客户端程序开发小程序的优势，本申请实施例通过H5容器和客户端程序2相结合的方式开发小程序，需要预先在数据交互系统中构建用于实现H5容器和客户端程序2之间数据传输的API消息通道13和组件消息通道14。
其中，所述API消息通道13包括：第一函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述客户端程序2的消息；第二函数调用方法，为所述逻辑层全局对象下定义的方法，用于发送消息至所述客户端程序2；及第三函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述API消息。第一函数调用方法、第二函数调用方法和第三函数调用方法均为JavaScript方法。
所述组件消息通道14包括：第四函数调用方法，为所述渲染层全局对象下定义的方法，用于接收所述客户端程序2的消息；及第五函数调用方法，为所述渲染层全局对象下定义的方法，用于发送消息至所述客户端程序2。第四函数调用方法以及第五函数调用方法均为JavaScript方法。
为了更加清晰明白，下面结合2示例性说明业务端结合H5容器和客户端程序2开发小程序的操作。
如图2所示，在采用“H5容器+客户端程序2”的混合开发方式开发小程序的过程中，涉及业务端、小程序1以及客户端程序2之间的数据传输。
客户端程序2：调用H5容器，给数据交互系统提供运行环境，客户端程序2中还包括JavaScript脚本。
小程序1：接收通过客户端程序2向逻辑层11注入逻辑层全局对象下定义的第一函数调用方法、第二函数调用方法和第三函数调用方法以构建API消息通道13；以及向渲染层12注入第四函数调用方法以及第五函数调用方法以构建组件消息通道14。
业务端：根据不同的业务场景在小程序1的框架中编写业务逻辑代码。
业务端在小程序1的框架中通过API消息通道13以及组件消息通道14与客户端程序2传递消息，以通过客户端程序2提供的API和组件相应的功能，支撑业务端的业务逻辑代码，以创建小程序并呈现相应的页面。
为了保证H5容器和客户端程序2均能够认可和解析通过API消息通道13和组件消息通道14相互传递的消息，H5容器需要预先根据小程序1的框架中对外封装的API和组件与客户端程序2之间定义相应的消息传输格式。小程序1的框架中对外封装的每个API定义有相应的能力协议，小程序1的框架中对外封装的每个组件定义有相应的组件协议。在示例性的实施例中，所述视频API的能力协议包括所述视频API和所述客户端程序2之间定义的关键值和实现所述视频API的功能所需的参数，所述关键值包括对所述视频API的功能描述；所述视频组件的组件协议包括所述视频组件和所述客户端程序2之间定义的组件标识信息和展示页面所需的参数。
举例而言，客户端程序2中视频API相应的功能是通过该视频API使得视频进入全屏。在小程序1的框架与客户端程序2之间需要预先定义该视频API相应的能力协议。该视频API相应的能力协议包括用于表示需要客户端程序2让视频进入全屏模式的关键值、视频的唯一ID、进入全屏模式需要的其他参数。
举例而言，在小程序1的框架与客户端程序之间需要预先定义视频组件相应的组件协议。该视频组件相应的组件协议包括协议类型标识、组件名称、组件ID、是否销毁组件、实现并展示所述视频组件需要的其他参数。
在本申请实施例中，通过预先定义的能力协议和组件协议，H5容器和客户端程序2能够认可和解析通过API消息通道13和组件消息通道14相互传递的消息，有助于将客户端程序2的API和组件相应的功能嫁接到H5容器中以实现视频的展示和对视频的控制。
为了使用客户端程序2提供的视频组件的相应功能，所述渲染层12，还用于：确定所述渲染初始数据是否包括视频标签；若所述渲染初始数据包括所述视频标签，则确定与所述视频标签对应的目标视频组件；获取所述目标视频组件在所述H5容器中的基础数据，所述基础数据包括大小、位置和/或样式；通过所述目标视频组件将所述基础数据封装为所述组件消息；及将所述组件消息通过所述组件消息通道14传输至所述客户端程序2，以便所述客户端程序2基于所述基础数据进行渲染并返回渲染处理结果，以便所述渲染层12呈现所述渲染处理结果。在本实施例中，在页面调用视频组件后，所述渲染层12可以通过以下操作获取视频组件的组件消息，具体如下：在所述渲染层12中，调用第六函数调用方法获取所述目标视频组件在所述H5容器中的大小和位置；调用第七函数调用方法，获取所述目标视频组件在所述H5容器中的组件的样式。
为了使用客户端程序2提供的视频API的相应功能，所述相应的功能包括设置所述渲染层12中相应的视频组件。所述组件消息通道14，还用于：将所述视频组件被设置后更新的基础数据发送至所述客户端程序2，以便所述客户端程序2基于所述更新的基础数据进行渲染处理并返回渲染更新结果，以便所述渲染层12呈现所述渲染更新结果；其中，所述更新的基础数据包括所述视频组件的组件样式参数和/或所述H5容器的布局参数。
举例而言，页面调用所述视频API，所述视频API相应的功能为使视频进入全屏模式，逻辑层11发送视频API的API消息至所述客户端程序2。客户端程序2根据API消息，确定对应的视频API，并根据该视频API具备的能够使视频进入全屏模式的功能，设置渲染层12中该视频组件的组件样式参数和H5容器的布局参数。例如，H5容器的布局参数可以设置为将视频组件的位置居中并铺满整个页面。渲染层12中的参数设置完成后，渲染层12调用第六函数调用方法获取被设置后更新的视频组件的组件样式参数以及调用第七函数调用方法获取被设置后更新的H5容器的布局参数，通过组件消息通道14将更新的视频组件的组件样式参数和H5容器的布局参数发送至客户端程序2，以使客户端程序2根据更新的视频组件的组件样式参数和H5容器的布局参数进行渲染处理，以在渲染层12的页面中展示视频组件的渲染更新结果；使用方能够在该页面上通过所述视频API实现使视频进入全屏模式的功能。
在小程序创建完成后，为了实现小程序在后续使用过程中的正常交互以及页面呈现，在示例性的实施例中，所述第四函数调用方法，还用于：接收所述客户端程序发送的所述视频组件的组件事件，所述组件事件包括目标视频组件的视频播放状态数据以及作用于所述目标视频组件的交互操作。所述渲染层，还用于：根据所述组件事件，确定所述目标视频组件，以获取所述H5容器中与所述目标视频组件相关的多个节点事件，每个节点事件包括与所述视频组件相关的业务渲染数据以及与所述业务渲染数据相关的组件函数调用方法；根据所述组件事件，在所述多个节点事件中确定与所述组件事件相关的目标节点事件；调用所述目标节点事件中的组件函数调用方法，并通过所述组件消息通道发送所述目标节点事件中的业务渲染数据至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述目标节点事件中的业务渲染数据并基于所述目标节点事件中的业务渲染数据进行渲染处理以得到目标渲染处理结果；通过所述组件消息通道接收所述客户端程序发送的所述目标渲染处理结果；及通过所述渲染层呈现所述目标渲染处理结果。
为了更加清楚明白，通过图3示例性说明在小程序创建完成后，在代码层面上实现小程序在后续使用过程中的正常交互以及页面呈现的操作。具体如下：
逻辑层11执行以下操作：使用方在使用小程序并调用API时，例如，该API可用于请求系统消息。逻辑层11接收业务端发送的调用请求，所述逻辑层11通过预设的校验规则校验所述调用请求中携带的参数的合法性；其中，所述校验规则用于校验参数类型和参数格式。若所述调用请求中携带的参数满足对应的校验规则，则确定所述调用请求中的参数为合法参数。
所述逻辑层11通过API消息通道13发送被调用API的API消息至客户端程序2，以使所述客户端程序2根据所述能力协议识别并处理API消息以得到逻辑处理结果，例如，逻辑处理结果可以包括系统信息。
逻辑层11接收通过所述API消息通道13发送的逻辑处理结果，并调用逻辑层11中的回调函数，该回调函数为业务端在逻辑层11中预先定义的，执行该回调函数以在页面中展示被调用API对应的功能。例如，将系统信息反馈至小程序相应的页面中。
渲染层12执行以下操作：使用方在使用小程序的过程中，调用组件，例如，使用方在小程序的页面上点击了视频组件上的一个视频的播放按钮以播放该视频。渲染层12基于组件协议对被调用的组件进行数据处理，以得到基础消息；并通过组件消息通道14发送基础消息至客户端程序2进行渲染处理。
客户端程序2：监控该视频组件，以实时获取该视频组件的组件事件，该视频组件的组件事件可以包括：该视频组件的播放按钮被点击、该视频组件播放第1秒、该视频组件播放第2秒、该视频组件播放第N秒等。客户端程序2将实时获取的视频组件的组件事件通过组件消息通道14发送到渲染层12中。
渲染层12还执行以下操作，根据组件事件，确定H5容器中与该组件事件相关的视频组件，并将该组件事件分发至该视频组件，并获取与该视频组件相关的多个节点事件。根据组件事件，判断多个节点事件中是否包括与组件事件相关的节点事件；若多个节点事件中包括与组件事件相关的节点事件，则确定包括与组件事件相关的节点事件为目标节点事件。
示例性的，目标节点事件对应的业务逻辑代码可以表示为在视频组件播放第60秒时，插入一个广告弹窗。所述渲染层12根据该目标节点事件对应的业务逻辑代码确定该视频组件对应的当前页面和广告弹窗对应的页面，调用目标节点事件的组件函数调用方法，并通过渲染层12和客户端程序2基于组件消息通道14传输的消息执行业务逻辑代码，使得在所述视频组件播放第60秒时，所述渲染层12在当前页面上呈现广告弹窗对应的页面。举例而言，图10示意性示出基于数据交互系统呈现相应页面的效果图。
实施例二
请参阅图4A，示出了本申请实施例之基于数据交互系统的页面展示方法的步骤流程图。可以理解，本方法实施例中的流程图不用于对执行步骤的顺序进行限定。
参考图4A，所述数据交互系统包括客户端程序和H5容器，所述H5容器运行有小程序；所述基于数据交互系统的页面展示方法包括步骤S400A～步骤S408A，其中：
步骤S400A，通过所述H5容器解析所述小程序中页面的页面逻辑，并基于所述页面逻辑调用所述客户端程序；
步骤S402A，通过所述客户端程序响应所述H5容器基于所述页面逻辑的调用，执行相应的功能；
步骤S404A，通过所述H5容器解析所述页面的渲染初始数据，并基于所述渲染初始数据调用所述客户端程序；
步骤S406A，通过所述客户端程序响应所述H5容器基于所述渲染初始数据的调用，生成并返回渲染处理结果；及
步骤S408A，通过所述H5容器接收并呈现所述客户端程序返回的所述渲染处理结果。
所述数据交互系统包括逻辑层11、API消息通道13、渲染层12以及组件消息通道14。在示例性的实施例中，请参阅图4B，所述基于数据交互系统的页面展示方法包括步骤S400B～S410B，其中：
步骤S400B，通过所述逻辑层11解析所述页面的页面逻辑，所述逻辑层配置有供所述页面调用的视频API，所述视频API定义有能力协议，所述能力协议定义有所述视频API的消息传输格式；
步骤S402B，通过所述API消息通道13将所述视频API提供的API消息传输至客户端程序2，以便所述客户端程序2根据所述能力协议识别所述API消息并基于所述API消息调用相应的功能，所述视频API提供的API消息通过解析所述页面的页面逻辑得到；
步骤S404B，通过所述渲染层12解析所述页面的渲染初始数据，所述渲染层配置有供所述页面调用的视频组件，所述视频组件定义有组件协议，所述组件协议定义有所述视频组件的消息传输格式；
步骤S406B，通过所述组件消息通道14将所述视频组件提供的组件消息传输至所述客户端程序2，以便所述客户端程序2根据所述组件协议识别所述组件消息并基于所述组件消息进行渲染处理，所述视频组件提供的组件消息通过解析所述页面的渲染初始数据得到；
步骤S408B，通过所述组件消息通道14接收渲染处理结果；及
步骤S410B，通过所述渲染层12呈现所述渲染处理结果。
在示例性的实施例中，如图5所示，所述通过所述渲染层12解析所述页面的渲染初始数据的操作还可以进一步包括步骤S500～S506，其中：步骤S500，确定所述渲染初始数据是否包括视频标签；步骤S502，若所述渲染初始数据包括所述视频标签，则确定与所述视频标签对应的目标视频组件；步骤S504，获取所述目标视频组件在所述H5容器中的基础数据，所述基础数据包括大小、位置和/或样式；步骤S506，通过所述目标视频组件将所述基础数据封装为所述组件消息。在所述通过所述渲染层12解析所述页面的渲染初始数据之后，所述渲染层12还执行以下操作，其中：步骤S508，将所述组件消息通过所述组件消息通道14传输至所述客户端程序2，以便所述客户端程序2基于所述基础数据进行渲染并返回所述渲染处理结果；步骤S510，接收通过所述组件消息通道14传输的所述渲染处理结果；及步骤S512，呈现所述渲染处理结果。
在示例性的实施例中，所述相应的功能包括设置所述渲染层12中相应的视频组件。如图6所示，所述方法还包括调用视频API相应的功能，具体如下：步骤S600，通过所述组件消息通道14将所述视频组件被设置后更新的基础数据发送至所述客户端程序2，以便所述客户端程序2基于所述更新的基础数据进行渲染处理并得到渲染更新结果；其中，所述更新的基础数据包括所述视频组件的组件样式参数和/或所述H5容器的布局参数；步骤S602，通过所述组件消息通道14接收所述渲染更新结果；及步骤S604，通过所述渲染层12呈现所述渲染更新结果。
在示例性的实施例中，所述能力协议包括所述视频API和所述客户端程序2之间定义的关键值和实现所述视频API的功能所需的参数，所述关键值包括对所述视频API的功能描述；所述组件协议包括所述视频组件和所述客户端程序2之间定义的组件标识信息和展示页面所需的参数。
在示例性的实施例中，所述API消息通道13包括：第一函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述客户端程序2的消息；第二函数调用方法，为所述逻辑层全局对象下定义的方法，用于发送消息至所述客户端程序2；及第三函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述API消息。
在示例性的实施例中，所述组件消息通道14包括：第四函数调用方法，为所述渲染层全局对象下定义的方法，用于接收所述客户端程序2的消息；及第五函数调用方法，为所述渲染层全局对象下定义的方法，用于发送消息至所述客户端程序2。
在示例性的实施例中，如图7所示，所述方法还包括：步骤S700，通过所述第四函数调用方法，在所述渲染层接收所述客户端程序发送的组件事件，所述组件事件包括目标视频组件的视频播放状态数据以及作用于所述目标视频组件的交互操作；步骤S702，通过所述渲染层根据所述组件事件，确定所述目标视频组件，以获取所述H5容器中与所述目标视频组件相关的多个节点事件，每个节点事件包括与所述视频组件相关的业务渲染数据以及与所述业务渲染数据相关的组件函数调用方法；步骤S704，通过所述渲染层根据所述目标视频组件，在所述多个节点事件中确定与所述组件事件相关的目标节点事件；步骤S706，通过所述渲染层调用所述目标节点事件中的组件函数调用方法，并通过所述组件消息通道发送所述目标节点事件中的业务渲染数据至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述目标节点事件中的业务渲染数据并基于所述目标节点事件中的业务渲染数据进行渲染处理以得到目标渲染处理结果；步骤S708，通过所述组件消息通道接收所述客户端程序发送的所述目标渲染处理结果及步骤S710，通过所述渲染层呈现所述目标渲染处理结果。
实施例三
图8示意性示出了根据本申请实施例三的基于数据交互系统的页面展示装置的框图，该基于数据交互系统的页面展示装置可以被分割成程序模块，一个或者多个程序模块被存储于存储介质中，并由处理器所执行，以完成本申请实施例。本申请实施例所称的程序模块是指能够完成特定功能的一系列计算机程序指令段，以下描述将具体介绍本实施例中各程序模块的功能。
如图8所示，所述数据交互系统运行在H5容器中，所述数据交互系统包括客户端程序和H5容器，所述H5容器运行有小程序；该基于数据交互系统的页面展示装置800可以包括第一解析模块810、第一响应模块820、第二解析模块830、第二响应模块840以及展示模块850。其中：
第一解析模块810，用于通过所述H5容器解析所述小程序中页面的页面逻辑，并基于所述页面逻辑调用所述客户端程序；
第一响应模块820，用于通过所述客户端程序响应所述H5容器基于所述页面逻辑的调用，执行相应的功能；
第二解析模块830，用于通过所述H5容器解析所述页面的渲染初始数据，并基于所述渲染初始数据调用所述客户端程序；
第二响应模块840，用于通过所述客户端程序响应所述H5容器基于所述渲染初始数据的调用，生成并返回渲染处理结果；及
展示模块850，用于通过所述H5容器接收并呈现所述客户端程序返回的所述渲染处理结果。
在示例性的实施例中，所述数据交互系统包括逻辑层11、API消息通道13、渲染层12以及组件消息通道14。所述第一解析模块810，用于通过所述逻辑层11解析页面的页面逻辑，所述逻辑层配置有供所述页面调用的视频API，所述视频API定义有能力协议，所述能力协议定义有所述视频API的消息传输格式。
所述基于数据交互系统的页面展示装置800还包括第一消息传递模块(未标识)，所述第一消息传递模块820用于通过所述API消息通道13将所述视频API提供的API消息传输至客户端程序2，以便所述客户端程序2根据所述能力协议识别所述API消息并基于所述API消息调用相应的功能，所述视频API提供的API消息通过解析所述页面的页面逻辑得到。
所述第二解析模块830，用于通过所述渲染层12解析所述页面的渲染初始数据，所述渲染层配置有供所述页面调用的视频组件，所述视频组件定义有组件协议，所述组件协议定义有所述视频组件的消息传输格式。
所述基于数据交互系统的页面展示装置800还包括第二消息传递模块(未标识)，所述第二消息传递模块用于通过所述组件消息通道14将所述视频组件提供的组件消息传输至所述客户端程序2，以便所述客户端程序2根据所述组件协议识别所述组件消息并基于所述组件消息进行渲染处理，以得到渲染处理结果。所述第二消息传递模块，还用于通过所述组件消息通道14在所述渲染层12接收所述客户端程序2返回的所述渲染处理结果。
所述展示模块850，用于通过所述渲染层12呈现所述渲染处理结果。
在示例性的实施例中，所述第二解析模块830还用于，确定所述渲染初始数据是否包括视频标签；若所述渲染初始数据包括所述视频标签，则确定与所述视频标签对应的目标视频组件；获取所述目标视频组件在所述H5容器中的基础数据，所述基础数据包括大小、位置和/或样式；通过所述目标视频组件将所述基础数据封装为所述组件消息。
所述第二消息传递模块还用于将所述组件消息通过所述组件消息通道14传输至所述客户端程序2，以便所述客户端程序2基于所述基础数据进行渲染并返回所述渲染处理结果；接收通过所述组件消息通道14传输的所述渲染处理结果；所述展示模块850还用于呈现所述渲染处理结果。
在示例性的实施例中，所述相应的功能包括设置所述渲染层12中相应的视频组件。所述第二消息传递模块还用于：通过所述组件消息通道14将所述视频组件被设置后更新的基础数据发送至所述客户端程序2，以便所述客户端程序2基于所述更新的基础数据进行渲染处理并得到渲染更新结果；其中，所述更新的基础数据包括所述视频组件的组件样式参数和/或所述H5容器的布局参数；通过所述组件消息通道14接收所述渲染更新结果；所述展示模块850还用于通过所述渲染层12呈现所述渲染更新结果。
在示例性的实施例中，所述能力协议包括所述视频API和所述客户端程序2之间定义的关键值和实现所述视频API的功能所需的参数，所述关键值包括对所述视频API的功能描述；所述组件协议包括所述视频组件和所述客户端程序2之间定义的组件标识信息和展示页面所需的参数。
在示例性的实施例中，所述API消息通道13包括：第一函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述客户端程序2的消息；第二函数调用方法，为所述逻辑层全局对象下定义的方法，用于发送消息至所述客户端程序2；及第三函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述API消息。
在示例性的实施例中，所述组件消息通道14包括：第四函数调用方法，为所述渲染层全局对象下定义的方法，用于接收所述客户端程序2的消息；及第五函数调用方法，为所述渲染层全局对象下定义的方法，用于发送消息至所述客户端程序2。
在示例性的实施例中，所述第二消息传递模块还用于：通过所述第四函数调用方法，在所述渲染层12接收所述客户端程序2发送的所述视频组件的组件事件，所述组件事件包括所述视频组件的视频播放状态数据以及作用于所述视频组件的交互操作；所述第二解析模块830还用于通过所述渲染层12根据所述组件事件，确定所述视频组件，并在所述H5容器的多个节点事件中确定目标节点事件，所述节点事件包括在所述H5容器的节点中定义的与所述视频组件相关的业务渲染数据以及与所述业务渲染数据相关的组件函数调用方法；所述第二消息传递模块还用于通过所述渲染层12调用所述目标节点事件中的组件函数调用方法，并通过所述组件消息通道14发送所述业务渲染数据至所述客户端程序2，以便所述客户端程序2根据所述组件协议识别所述业务渲染数据并基于所述业务渲染数据进行渲染处理以得到目标渲染处理结果；通过所述组件消息通道14接收所述客户端程序2发送的所述目标渲染处理结果；所述展示模块850还用于通过所述渲染层12呈现所述目标渲染处理结果。
实施例四
图9示意性示出了根据本申请实施例四的适于实现基于数据交互系统的页面展示方法的计算机设备10000的硬件架构示意图。所述计算机设备1000可以作为终端设备2和服务器4中的任何一个。本实施例中，计算机设备10000是一种能够按照事先设定或者存储的指令，自动进行数值计算和/或信息处理的设备。例如，可以是智能手机、平板电脑、笔记本电脑、台式计算机、机顶盒、投影仪等各类用户端电子设备。如图9所示，计算机设备10000至少包括但不限于：可通过系统总线相互通信链接存储器10010、处理器10020、网络接口10030。其中：
存储器10010至少包括一种类型的计算机可读存储介质，可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器10010可以是计算机设备10000的内部存储模块，例如该计算机设备10000的硬盘或内存。在另一些实施例中，存储器10010也可以是计算机设备10000的外部存储设备，例如该计算机设备10000上配备的插接式硬盘，智能存储卡(Smart Media Card，简称为SMC)，安全数字(Secure Digital，简称为SD)卡，闪存卡(Flash Card)等。当然，存储器10010还可以既包括计算机设备10000的内部存储模块也包括其外部存储设备。本实施例中，存储器10010通常用于存储安装于计算机设备10000的操作系统和各类应用软件，例如基于数据交互系统的页面展示方法的程序代码等。此外，存储器10010还可以用于暂时地存储已经输出或者将要输出的各类数据。
处理器10020在一些实施例中可以是中央处理器(Central Processing Unit，简称为CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器10020通常用于控制计算机设备10000的总体操作，例如执行与计算机设备10000进行数据交互或者通信相关的控制和处理等。本实施例中，处理器10020用于运行存储器10010中存储的程序代码或者处理数据。
网络接口10030可包括无线网络接口或有线网络接口，该网络接口10030通常用于在计算机设备10000与其他计算机设备之间建立通信链接。例如，网络接口10030用于通过网络将计算机设备10000与外部终端相连，在计算机设备10000与外部终端之间的建立数据传输通道和通信链接等。网络可以是企业内部网(Intranet)、互联网(Internet)、全球移动通讯系统(Global System of Mobile communication，简称为GSM)、宽带码分多址(Wideband Code Division Multiple Access，简称为WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi等无线或有线网络。
需要指出的是，图9仅示出了具有部件10010-10030的计算机设备，但是应理解的是，并不要求实施所有示出的部件，可以替代的实施更多或者更少的部件。
在本实施例中，存储于存储器10010中的基于数据交互系统的页面展示方法还可以被分割为一个或者多个程序模块，并由处理器(本实施例为处理器10020)所执行，以完成本申请实施例。
实施例五
本申请还提供一种计算机可读存储介质，计算机可读存储介质其上存储有计算机程序，计算机程序被处理器执行时实现实施例中的基于数据交互系统的页面展示方法的步骤。
本实施例中，计算机可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，计算机可读存储介质可以是计算机设备的内部存储单元，例如该计算机设备的硬盘或内存。在另一些实施例中，计算机可读存储介质也可以是计算机设备的外部存储设备，例如该计算机设备上配备的插接式硬盘，智能存储卡(Smart Media Card，简称为SMC)，安全数字(Secure Digital，简称为SD)卡，闪存卡(Flash Card)等。当然，计算机可读存储介质还可以既包括计算机设备的内部存储单元也包括其外部存储设备。本实施例中，计算机可读存储介质通常用于存储安装于计算机设备的操作系统和各类应用软件，例如实施例中基于数据交互系统的页面展示方法的程序代码等。此外，计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的各类数据。
显然，本领域的技术人员应该明白，上述的本申请实施例的各模块或各步骤可以用通用的计算系统来实现，它们可以集中在单个的计算系统上，或者分布在多个计算系统所组成的网络上，可选地，它们可以用计算系统可执行的程序代码来实现，从而，可以将它们存储在存储系统中由计算系统来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本申请实施例不限制于任何特定的硬件和软件结合。
以上仅为本申请的优选实施例，并非因此限制本申请的专利范围，凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本申请的专利保护范围内。

Claims (19)

1.一种数据交互系统，其特征在于，包括客户端程序和H5容器，所述H5容器运行有小程序，其中：
所述H5容器，用于：解析所述小程序中页面的页面逻辑，并基于所述页面逻辑调用所述客户端程序；
所述客户端程序，用于：响应所述H5容器基于所述页面逻辑的调用，执行相应的功能；
所述H5容器，还用于：解析所述页面的渲染初始数据，并基于所述渲染初始数据调用所述客户端程序；
所述客户端程序，还用于：响应所述H5容器基于所述渲染初始数据的调用，生成并返回渲染处理结果；及
所述H5容器，还用于：接收并呈现所述客户端程序返回的所述渲染处理结果。
2.根据权利要求1所述的数据交互系统，其特征在于，所述小程序包括：
逻辑层，用于解析所述页面的页面逻辑，并配置有供所述页面调用的视频API，所述视频API定义有能力协议，所述能力协议定义有所述视频API的消息传输格式；
API消息通道，用于将所述视频API提供的API消息传输至客户端程序，以便所述客户端程序根据所述能力协议识别所述API消息并基于所述API消息调用相应的功能，所述视频API提供的API消息通过解析所述页面的页面逻辑得到；
渲染层，用于解析所述页面的渲染初始数据，并配置有供页面调用的视频组件，所述视频组件定义有组件协议，所述组件协议定义有所述视频组件的消息传输格式；及
组件消息通道，用于将所述视频组件提供的组件消息传输至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述组件消息并基于所述组件消息进行渲染处理，所述视频组件提供的组件消息通过解析所述页面的渲染初始数据得到；还用于接收渲染处理结果，以便所述渲染层呈现所述渲染处理结果。
3.根据权利要求1所述的数据交互系统，其特征在于，所述渲染层，还用于：
确定所述渲染初始数据是否包括视频标签；
若所述渲染初始数据包括所述视频标签，则确定与所述视频标签对应的目标视频组件；
获取所述目标视频组件在所述H5容器中的基础数据，所述基础数据包括大小、位置和/或样式；
通过所述目标视频组件将所述基础数据封装为所述组件消息；及
将所述组件消息通过所述组件消息通道传输至所述客户端程序，以便所述客户端程序基于所述基础数据进行渲染并返回渲染处理结果，以便所述渲染层呈现所述渲染处理结果。
4.根据权利要求2所述的数据交互系统，其特征在于，
所述相应的功能包括设置所述渲染层中相应的视频组件；
所述组件消息通道，还用于：将所述视频组件被设置后更新的基础数据发送至所述客户端程序，以便所述客户端程序基于所述更新的基础数据进行渲染处理并返回渲染更新结果，以便所述渲染层呈现所述渲染更新结果；其中，所述更新的基础数据包括所述视频组件的组件样式参数和/或所述H5容器的布局参数。
5.根据权利要求2所述的数据交互系统，其特征在于，所述能力协议包括所述视频API和所述客户端程序之间定义的关键值和实现所述视频API的功能所需的参数，所述关键值包括对所述视频API的功能描述；所述组件协议包括所述视频组件和所述客户端程序之间定义的组件标识信息和展示页面所需的参数。
6.根据权利要求2所述的数据交互系统，其特征在于，所述API消息通道包括：
第一函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述客户端程序的消息；
第二函数调用方法，为所述逻辑层全局对象下定义的方法，用于发送消息至所述客户端程序；及
第三函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述API消息。
7.根据权利要求6所述的数据交互系统，其特征在于，所述组件消息通道包括：
第四函数调用方法，为所述渲染层全局对象下定义的方法，用于接收所述客户端程序的消息；及
第五函数调用方法，为所述渲染层全局对象下定义的方法，用于发送消息至所述客户端程序。
8.根据权利要求7所述的数据交互系统，其特征在于，
所述第四函数调用方法，还用于：接收所述客户端程序发送的所述视频组件的组件事件，所述组件事件包括目标视频组件的视频播放状态数据以及作用于所述目标视频组件的交互操作；
所述渲染层，还用于：根据所述组件事件，确定所述目标视频组件，以获取所述H5容器中与所述目标视频组件相关的多个节点事件，每个节点事件包括与所述视频组件相关的业务渲染数据以及与所述业务渲染数据相关的组件函数调用方法；根据所述组件事件，在所述多个节点事件中确定与所述组件事件相关的目标节点事件；调用所述目标节点事件中的组件函数调用方法，并通过所述组件消息通道发送所述目标节点事件中的业务渲染数据至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述目标节点事件中的业务渲染数据并基于所述目标节点事件中的业务渲染数据进行渲染处理以得到目标渲染处理结果；通过所述组件消息通道接收所述客户端程序发送的所述目标渲染处理结果；及通过所述渲染层呈现所述目标渲染处理结果。
9.一种基于数据交互系统的页面展示方法，其特征在于，所述数据交互系统包括客户端程序和H5容器，所述H5容器运行有小程序；所述方法包括：
通过所述H5容器解析所述小程序中页面的页面逻辑，并基于所述页面逻辑调用所述客户端程序；
通过所述客户端程序响应所述H5容器基于所述页面逻辑的调用，执行相应的功能；
通过所述H5容器解析所述页面的渲染初始数据，并基于所述渲染初始数据调用所述客户端程序；
通过所述客户端程序响应所述H5容器基于所述渲染初始数据的调用，生成并返回渲染处理结果；及
通过所述H5容器接收并呈现所述客户端程序返回的所述渲染处理结果。
10.根据权利要求9所述的基于数据交互系统的页面展示方法，其特征在于，所述小程序包括逻辑层、API消息通道、渲染层以及组件消息通道；
所述方法包括：
通过所述逻辑层解析所述页面的页面逻辑，所述逻辑层配置有供所述页面调用的视频API，所述视频API定义有能力协议，所述能力协议定义有所述视频API的消息传输格式；
通过所述API消息通道将所述视频API提供的API消息传输至客户端程序，以便所述客户端程序根据所述能力协议识别所述API消息并基于所述API消息调用相应的功能，所述视频API提供的API消息通过解析所述页面的页面逻辑得到；
通过所述渲染层解析所述页面的渲染初始数据，所述渲染层配置有供所述页面调用的视频组件，所述视频组件定义有组件协议，所述组件协议定义有所述视频组件的消息传输格式；
通过所述组件消息通道将所述视频组件提供的组件消息传输至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述组件消息并基于所述组件消息进行渲染处理，所述视频组件提供的组件消息通过解析所述页面的渲染初始数据得到；
通过所述组件消息通道接收渲染处理结果；及
通过所述渲染层呈现所述渲染处理结果。
11.根据权利要求10所述的基于数据交互系统的页面展示方法，其特征在于，所述通过所述渲染层解析所述页面的渲染初始数据，包括：
确定所述渲染初始数据是否包括视频标签；
若所述渲染初始数据包括所述视频标签，则确定与所述视频标签对应的目标视频组件；
获取所述目标视频组件在所述H5容器中的基础数据，所述基础数据包括大小、位置和/或样式；
通过所述目标视频组件将所述基础数据封装为所述组件消息；
在所述通过所述渲染层解析所述页面的渲染初始数据之后，所述渲染层还执行以下操作：
将所述组件消息通过所述组件消息通道传输至所述客户端程序，以便所述客户端程序基于所述基础数据进行渲染并返回所述渲染处理结果；
接收通过所述组件消息通道传输的所述渲染处理结果；及
呈现所述渲染处理结果。
12.根据权利要求10所述的基于数据交互系统的页面展示方法，其特征在于，
所述相应的功能包括设置所述渲染层中相应的视频组件；
所述方法还包括：
通过所述组件消息通道将所述视频组件被设置后更新的基础数据发送至所述客户端程序，以便所述客户端程序基于所述更新的基础数据进行渲染处理并得到渲染更新结果；其中，所述更新的基础数据包括所述视频组件的组件样式参数和/或所述H5容器的布局参数；
通过所述组件消息通道接收所述渲染更新结果；及
通过所述渲染层呈现所述渲染更新结果。
13.根据权利要求10所述的基于数据交互系统的页面展示方法，其特征在于，所述能力协议包括所述视频API和所述客户端程序之间定义的关键值和实现所述视频API的功能所需的参数，所述关键值包括对所述视频API的功能描述；所述组件协议包括所述视频组件和所述客户端程序之间定义的组件标识信息和展示页面所需的参数。
14.根据权利要求10所述的基于数据交互系统的页面展示方法，其特征在于，所述API消息通道包括：
第一函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述客户端程序的消息；
第二函数调用方法，为所述逻辑层全局对象下定义的方法，用于发送消息至所述客户端程序；及
第三函数调用方法，为所述逻辑层全局对象下定义的方法，用于接收所述API消息。
15.根据权利要求14所述的基于数据交互系统的页面展示方法，其特征在于，所述组件消息通道包括：
第四函数调用方法，为所述渲染层全局对象下定义的方法，用于接收所述客户端程序的消息；及
第五函数调用方法，为所述渲染层全局对象下定义的方法，用于发送消息至所述客户端程序。
16.根据权利要求15所述的基于数据交互系统的页面展示方法，其特征在于，所述方法还包括：
通过所述第四函数调用方法，在所述渲染层接收所述客户端程序发送的组件事件，所述组件事件包括目标视频组件的视频播放状态数据以及作用于所述目标视频组件的交互操作；
通过所述渲染层根据所述组件事件，确定所述目标视频组件，以获取所述H5容器中与所述目标视频组件相关的多个节点事件，每个节点事件包括与所述视频组件相关的业务渲染数据以及与所述业务渲染数据相关的组件函数调用方法；
通过所述渲染层根据所述目标视频组件，在所述多个节点事件中确定与所述组件事件相关的目标节点事件；
通过所述渲染层调用所述目标节点事件中的组件函数调用方法，并通过所述组件消息通道发送所述目标节点事件中的业务渲染数据至所述客户端程序，以便所述客户端程序根据所述组件协议识别所述目标节点事件中的业务渲染数据并基于所述目标节点事件中的业务渲染数据进行渲染处理以得到目标渲染处理结果；
通过所述组件消息通道接收所述客户端程序发送的所述目标渲染处理结果；及
通过所述渲染层呈现所述目标渲染处理结果。
17.一种基于数据交互系统的页面展示装置，其特征在于，所述数据交互系统包括客户端程序和H5容器，所述H5容器运行有小程序；所述装置包括：
第一解析模块，用于通过所述H5容器解析所述小程序中页面的页面逻辑，并基于所述页面逻辑调用所述客户端程序；
第一响应模块，用于通过所述客户端程序响应所述H5容器基于所述页面逻辑的调用，执行相应的功能；
第二解析模块，用于通过所述H5容器解析所述页面的渲染初始数据，并基于所述渲染初始数据调用所述客户端程序；
第二响应模块，用于通过所述客户端程序响应所述H5容器基于所述渲染初始数据的调用，生成并返回渲染处理结果；及
展示模块，用于通过所述H5容器接收并呈现所述客户端程序返回的所述渲染处理结果。
18.一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时用于实现权利要求9～16中任意一项所述的基于数据交互系统的页面展示方法的步骤。
19.一种计算机可读存储介质，其特征在于，其内存储有计算机程序，所述计算机程序可被至少一个处理器所执行，以使所述至少一个处理器执行权利要求9～16中任意一项所述的基于数据交互系统的页面展示方法的步骤。
CN202110970125.7A 2021-08-23 2021-08-23 数据交互系统和基于数据交互系统的页面展示方法 Pending CN113672405A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110970125.7A CN113672405A (zh) 2021-08-23 2021-08-23 数据交互系统和基于数据交互系统的页面展示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110970125.7A CN113672405A (zh) 2021-08-23 2021-08-23 数据交互系统和基于数据交互系统的页面展示方法

Publications (1)

Publication Number Publication Date
CN113672405A true CN113672405A (zh) 2021-11-19

Family

ID=78545179

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110970125.7A Pending CN113672405A (zh) 2021-08-23 2021-08-23 数据交互系统和基于数据交互系统的页面展示方法

Country Status (1)

Country Link
CN (1) CN113672405A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114357339A (zh) * 2022-03-17 2022-04-15 杭州互链互联网技术有限公司 一种页面加载方法、装置及存储介质
CN114816623A (zh) * 2022-04-02 2022-07-29 杭州易知微科技有限公司 基于CEF内核与UnrealEngine端的嵌入式界面渲染和通讯系统
CN114978683A (zh) * 2022-05-20 2022-08-30 深圳市艾迪思特信息技术有限公司 一种基于mqtt协议的反向代理系统
CN115514611A (zh) * 2022-09-21 2022-12-23 杭州网易再顾科技有限公司 消息处理方法、装置、设备及存储介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050256933A1 (en) * 2004-05-07 2005-11-17 Millington Bradley D Client-side callbacks to server events
US9083566B1 (en) * 2012-04-18 2015-07-14 Cisco Technology, Inc. System and method for communicating with an applet using an inline web frame in a network environment
US20160098783A1 (en) * 2014-10-01 2016-04-07 Pixter Media Ltd. Systems and methods for generation of customized advertising and/or customized promotion for products and services
US20180011822A1 (en) * 2015-01-02 2018-01-11 Sk Planet Co., Ltd. Apparatus and method for outputting web content
CN109388766A (zh) * 2017-08-07 2019-02-26 阿里巴巴集团控股有限公司 页面加载的方法和装置
CN111274510A (zh) * 2020-01-15 2020-06-12 平安银行股份有限公司 页面渲染方法、装置、设备及可读存储介质
CN112784200A (zh) * 2021-01-28 2021-05-11 百度在线网络技术（北京）有限公司 页面数据处理方法、装置、设备、介质和计算机程序产品
CN112905179A (zh) * 2021-03-26 2021-06-04 中国建设银行股份有限公司 移动端h5页面生成方法、装置、电子设备和存储介质

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050256933A1 (en) * 2004-05-07 2005-11-17 Millington Bradley D Client-side callbacks to server events
US9083566B1 (en) * 2012-04-18 2015-07-14 Cisco Technology, Inc. System and method for communicating with an applet using an inline web frame in a network environment
US20160098783A1 (en) * 2014-10-01 2016-04-07 Pixter Media Ltd. Systems and methods for generation of customized advertising and/or customized promotion for products and services
US20180011822A1 (en) * 2015-01-02 2018-01-11 Sk Planet Co., Ltd. Apparatus and method for outputting web content
CN109388766A (zh) * 2017-08-07 2019-02-26 阿里巴巴集团控股有限公司 页面加载的方法和装置
CN111274510A (zh) * 2020-01-15 2020-06-12 平安银行股份有限公司 页面渲染方法、装置、设备及可读存储介质
CN112784200A (zh) * 2021-01-28 2021-05-11 百度在线网络技术（北京）有限公司 页面数据处理方法、装置、设备、介质和计算机程序产品
CN112905179A (zh) * 2021-03-26 2021-06-04 中国建设银行股份有限公司 移动端h5页面生成方法、装置、电子设备和存储介质

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114357339A (zh) * 2022-03-17 2022-04-15 杭州互链互联网技术有限公司 一种页面加载方法、装置及存储介质
CN114357339B (zh) * 2022-03-17 2022-07-22 杭州互链互联网技术有限公司 一种页面加载方法、装置及存储介质
CN114816623A (zh) * 2022-04-02 2022-07-29 杭州易知微科技有限公司 基于CEF内核与UnrealEngine端的嵌入式界面渲染和通讯系统
CN114978683A (zh) * 2022-05-20 2022-08-30 深圳市艾迪思特信息技术有限公司 一种基于mqtt协议的反向代理系统
CN114978683B (zh) * 2022-05-20 2023-03-31 深圳市艾迪思特信息技术有限公司 一种基于mqtt协议的反向代理系统
CN115514611A (zh) * 2022-09-21 2022-12-23 杭州网易再顾科技有限公司 消息处理方法、装置、设备及存储介质
CN115514611B (zh) * 2022-09-21 2023-07-28 杭州网易再顾科技有限公司 消息处理方法、装置、设备及存储介质

Similar Documents

Publication Publication Date Title
CN113672405A (zh) 数据交互系统和基于数据交互系统的页面展示方法
CN107678778B (zh) 基于Hybrid的兼容方法、适配件、运行装置及系统
CN106874519B (zh) 页面展现方法和装置
US11890540B2 (en) User interface processing method and device
CN109635211B (zh) 推广页面的实现方法及服务器
WO2020207232A1 (zh) 子应用开发方法、装置、计算机设备及存储介质
CN115065652B (zh) 消息回复方法、装置、存储介质及计算机设备
CN112486620A (zh) 跨进程离屏渲染方法、装置、电子设备及存储介质
CN111967236A (zh) 消息处理方法、装置、计算机设备和存储介质
US20240007701A1 (en) Continuing video playback when switching from a dynamic page to a non-dynamic page
CN110674040A (zh) 应用的测试方法、装置、设备和存储介质
CN114168460A (zh) 混合开发中前端代码的远程调试方法、设备及存储介质
CN108319474B (zh) 一种页面信息生成方法、装置和设备
CN114500423B (zh) 消息处理方法、装置、设备及存储介质
CN111666199B (zh) 在智能终端上执行的调试方法以及软件调试器
CN113779422B (zh) 关系链标签的实现方法、装置、电子设备及存储介质
CN114385124A (zh) 基于Vue框架的独立页面的跳转方法、装置及设备
CN114168853A (zh) 一种数据可视化展示方法、装置、介质及电子设备
CN110765610B (zh) Pdm集成方法、装置、计算机设备及存储介质
CN113778393A (zh) 组件生成方法、装置、计算机系统和计算机可读存储介质
CN106095886B (zh) 一种数据处理方法及其装置
CN112035113A (zh) H5页面的导航栏加载方法、装置、设备及介质
CN108037914B (zh) 一种安卓原生系统结合js开发的方法及装置
CN111078215B (zh) 软件产品应用方法及装置、存储介质及电子设备
CN113988009A (zh) 信息投放区生成、信息投放方法、电子设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination