CN110928706A

CN110928706A - 小程序交互方法、装置、电子设备及存储介质

Info

Publication number: CN110928706A
Application number: CN201911047226.6A
Authority: CN
Inventors: 熊浩
Original assignee: Beijing QIYI Century Science and Technology Co Ltd
Current assignee: Beijing QIYI Century Science and Technology Co Ltd
Priority date: 2019-10-30
Filing date: 2019-10-30
Publication date: 2020-03-27
Anticipated expiration: 2039-10-30
Also published as: CN110928706B

Abstract

本发明涉及一种小程序交互方法、装置、电子设备及存储介质，所述方法包括：截获操作标准小程序页面的UI元素触发的前端事件；利用所述虚拟小程序代理模块确定所述前端事件的派发对象是否为虚拟小程序；若所述派发对象为虚拟小程序，利用所述虚拟小程序代理模块向所述虚拟小程序派发所述前端事件，以使所述虚拟小程序响应于所述前端事件实现相应的业务功能。本发明实施例通过操作标准小程序页面的UI元素，使虚拟小程序实现相应的业务功能，实现标准小程序和虚拟小程序之间的联动，进而使虚拟小程序和标准小程序在开发者层面的融合更加深入，方便后续各种业务功能的实现，有利于整体实现小程序生态。

Description

小程序交互方法、装置、电子设备及存储介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种小程序交互方法、装置、电子设备及存储介质。

背景技术

业务功能小程序化的过程中，为了保证用户交互和入口协议的统一，对于来不及或者暂时不会改成小程序的实现方式的业务功能，使用虚拟小程序实现，这样可以保证虚拟小程序和标准小程序的入口形式一致。

但是由于标准小程序和虚拟小程序底层实现机制的巨大差异，尽管实现了入口协议形式上的统一，但是两者内部实现之间是互相隔离的，导致标准小程序和虚拟小程序之间的交互出现困难。

发明内容

为了解决上述技术问题或者至少部分地解决上述技术问题，本发明提供了一种小程序交互方法、装置、电子设备及存储介质。

第一方面，本发明提供了一种小程序交互方法，应用于宿主层，所述宿主层包括：虚拟小程序代理模块，所述方法包括：

截获操作标准小程序页面的UI元素触发的前端事件；

利用所述虚拟小程序代理模块确定所述前端事件的派发对象是否为虚拟小程序；

若所述派发对象为虚拟小程序，利用所述虚拟小程序代理模块向所述虚拟小程序派发所述前端事件，以使所述虚拟小程序响应于所述前端事件实现相应的业务功能。

可选地，利用所述虚拟小程序代理模块确定所述前端事件的派发对象是否为虚拟小程序，包括：

利用所述虚拟小程序代理模块对所述前端事件进行解析，得到所述前端事件的目的地址；

确定所述目的地址对应的小程序是否为虚拟小程序；

若所述目的地址对应的小程序为虚拟小程序，确定派发对象为虚拟小程序。

可选地，在利用所述虚拟小程序代理模块向所述虚拟小程序派发所述前端事件之后，所述方法还包括：

利用所述虚拟小程序代理模块接收所述虚拟小程序响应于所述前端事件实现相应的业务功能后发送的返回内容；

利用所述虚拟小程序代理模块根据所述返回内容生成代码片段；

将所述代码片段发送至所述逻辑层，以使逻辑层根据所述代码片段生成数据变更事件。

可选地，在将所述代码片段发送至所述逻辑层之后，所述方法还包括：

截获所述数据变更事件，并在所述数据变更事件的事件参数中提取视图层ID；

根据所述视图层ID查找对应的视图层；

向查找到的视图层发送所述数据变更事件，以使所述视图层触发所述数据变更事件。

第二方面，本发明提供了一种小程序交互装置，应用于宿主层，所述宿主层包括：虚拟小程序代理模块，所述装置包括：

第一截获模块，用于截获操作标准小程序页面的UI元素触发的前端事件；

确定模块，用于利用所述虚拟小程序代理模块确定所述前端事件的派发对象是否为虚拟小程序；

派发模块，用于若所述派发对象为虚拟小程序，利用所述虚拟小程序代理模块向所述虚拟小程序派发所述前端事件，以使所述虚拟小程序响应于所述前端事件实现相应的业务功能。

可选地，所述确定模块，包括：

解析单元，用于利用所述虚拟小程序代理模块对所述前端事件进行解析，得到所述前端事件的目的地址；

第一确定单元，用于确定所述目的地址对应的小程序是否为虚拟小程序；

第二确定单元，用于若所述目的地址对应的小程序为虚拟小程序，确定派发对象为虚拟小程序。

可选地，在所述派发模块之后，所述装置还包括：

接收模块，用于利用所述虚拟小程序代理模块接收所述虚拟小程序响应于所述前端事件实现相应的业务功能后发送的返回内容；

生成模块，用于利用所述虚拟小程序代理模块根据所述返回内容生成代码片段；

第一发送模块，用于将所述代码片段发送至所述逻辑层，以使逻辑层根据所述代码片段生成数据变更事件。

可选地，所述第二发送模块，包括：

发送单元，用于若根据所述视图层ID查找到的视图层为一个，向所述视图层发送所述数据变更事件；

广播单元，用于若根据所述视图层ID查找到的视图层为至少两个，向所述至少两个视图层广播所述数据变更事件。

第三方面，本发明提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现第一方面任一所述的小程序交互方法。

第四方面，本发明提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有小程序交互方法的程序，所述小程序交互方法的程序被处理器执行时实现第一方面任一所述的小程序交互方法的步骤。

本发明实施例提供的上述技术方案与现有技术相比具有如下优点：

本发明实施例通过截获操作标准小程序页面的UI元素触发的前端事件，利用所述虚拟小程序代理模块确定所述前端事件的派发对象是否为虚拟小程序，若所述派发对象为虚拟小程序，利用所述虚拟小程序代理模块向所述虚拟小程序派发所述前端事件，可以使所述虚拟小程序响应于所述前端事件实现相应的业务功能。

本发明实施例通过截获操作标准小程序页面触发的前端事件，并利用虚拟小程序代理模块确定该前端事件的派发对象为虚拟小程序时，可以向虚拟小程序派发该前端事件，使虚拟小程序响应于前端事件实现相应的业务功能，通过操作标准小程序页面的UI元素，使虚拟小程序实现相应的业务功能，实现标准小程序和虚拟小程序之间的联动，进而使虚拟小程序和标准小程序在开发者层面的融合更加深入，方便后续各种业务功能的实现，有利于整体实现小程序生态。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本发明一个实施例提供的一种小程序交互方法的一种流程示意图；

图2为本发明一实施例提供的一种小程序交互方法的另一种流程示意图；

图3为本发明一实施例提供的一种小程序交互方法的另一种流程示意图；

图4为本发明一个实施例提供的一种小程序交互装置的结构图；

图5为本发明一个实施例提供的电子设备的结构。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

由于标准小程序和虚拟小程序底层实现机制的巨大差异，尽管实现了入口协议形式上的统一，但是两者内部实现之间是互相隔离的，导致标准小程序和虚拟小程序之间的交互出现困难。为此，本发明实施例提供一种小程序交互方法、装置、电子设备及存储介质。

标准小程序的通信模型大体上分为页面视图层、宿主(Native)层、逻辑层(AppService)三个部分，其中页面视图层和逻辑层是完全独立的并具有JS执行能力的环境，页面视图层用于接收用户输入的交互操作，如：点击操作、输入操作或者滑动操作等，并根据用户输入的交互操作生成自定义事件；宿主层用于对该自定义事件进行包装，包装为event、paramsString等形式的事件，逻辑层的前端逻辑对该事件进行进一步的解析后，包装生成另一个前端JS事件，该事件被宿主Native截获，将其转换为一个本地动作事件(一般形式为Action、CallBack、ParamsString的形式)，通过Action解析反射为宿主侧的某个API调用，调用结果包装为某段JS脚本，其在AppService应用逻辑层中注入的对象上生成对应的事件，达到结果异步返回的效果。

本发明实施例提供的一种小程序交互方法，应用于宿主层，所述宿主层包括：虚拟小程序代理模块和信息处理器，如图1所示，所述小程序交互方法可以包括以下步骤：

步骤S101，截获操作标准小程序页面的UI元素触发的前端事件；

在本发明实施例中，标准小程序页面可以指包括多个UI元素的页面，每个UI元素分别对应一个标准小程序，所述前端事件中包括：目的地址。

在实际应用中，用户在标准小程序页面输入交互操作时，由标准小程序页面对应的页面视图层生成页面操作事件，并向宿主层发送，其中交互操作可以指：点击操作、输入操作或者滑动操作等，宿主层接收该页面操作事件，对所述页面操作事件进行包装处理，得到JS代码段，并将JS代码段发送至逻辑层；逻辑层对JS代码段进行处理，得到前端事件，并向宿主层发送。

示例性的，在某个标准小程序页面中，用户操作UI组件后，视图层前端框架被触发，向宿主层发送页面操作事件：custom_event_PAGE_EVENT，事件参数部分包括：事件详细名称、事件ID、操作位置的坐标、页面标识、会话ID以及时间戳等；宿主层根据页面操作事件的事件参数，将页面操作事件包装为一段JS代码段，并将JS代码段注入逻辑层；逻辑层执行JS代码段，根据其前端框架逻辑，对JS代码段进行处理，如：对JS代码段进行解析、转换，得到前端事件，并向信息处理器发送，前端事件的格式为：Action＝aaa；callBackJS＝bbb；ParasString＝ccc，其中，Action为提交地址字段，callBackJS为回调参数字段，ParasString为通知结果字段，通过解析前端事件，可以得到Action字段的值，即：aaa，Action字段的值aaa即为目的地址。

利用信息处理器截获前端事件，信息处理器将截获的前端事件发送给虚拟小程序代理模块，虚拟小程序代理模块还可以解析、更改以及派发前端事件等。

步骤S102，利用所述虚拟小程序代理模块确定所述前端事件的派发对象是否为虚拟小程序；

在该步骤中，可以利用所述虚拟小程序代理模块对所述前端事件进行解析，得到所述前端事件的目的地址，确定所述目的地址对应的小程序是否为虚拟小程序，若所述目的地址对应的小程序为虚拟小程序，确定派发对象为虚拟小程序。

步骤S103，若所述派发对象为虚拟小程序，利用所述虚拟小程序代理模块向所述虚拟小程序派发所述前端事件，以使所述虚拟小程序响应于所述前端事件实现相应的业务功能。

虚拟小程序在接收到虚拟小程序后，根据前端事件生成对应的控制指令，解析控制指令并执行，以实现与所述前端事件对应的功能，与所述前端事件对应的功能是根据具体的控制指令的内容确定的，比如调用虚拟小程序里的私有页面、触发端侧私有接口、页面跳转、接口触发、拦截、pingback投递等等。

在实际应用中，还可以包括步骤S104，若所述分发对象为非虚拟小程序，利用所述虚拟小程序代理模块将所述事件发送至视图层或者逻辑层。

在虚拟小程序实现与前端事件对应的业务功能后，在本发明的又一实施例中，在步骤S103之后，如图2所示，所述方法还包括：

步骤S201，利用所述虚拟小程序代理模块接收所述虚拟小程序响应于所述前端事件实现相应的业务功能后发送的返回内容；

步骤S202，利用所述虚拟小程序代理模块根据所述返回内容生成代码片段；

虚拟小程序代理模块在接收到返回内容后，将该返回内容进行规范化，即转化成预设的格式等，然后基于返回内容生成代码片段，示例性的，代码片段可以指JS代码片段等。

步骤S203，将所述代码片段发送至所述逻辑层，以使逻辑层根据所述代码片段生成数据变更事件。

逻辑层对代码片段进行处理，根据返回内容合成数据变更事件，例如：custom_event_appDataChange事件，并触发数据变更事件，事件参数包含处理后的返回内容，此外，由于逻辑层是共享的，所以事件参数中还包含视图层ID(ViewIDS)。

本发明实施例虚拟小程序代理模块能够利用所述虚拟小程序代理模块接收所述虚拟小程序发送的返回内容，利用所述虚拟小程序代理模块根据所述返回内容生成代码片段，利用所述信息处理器将所述代码片段发送至所述逻辑层，以使逻辑层根据所述代码片段生成数据变更事件，实现虚拟小程序向逻辑层发送包含返回内容的数据变更事件，实现虚拟小程序与逻辑层的交互。

在本发明的又一实施例中，在步骤S203之后，如图3所示，所述方法还包括：

步骤S301，截获所述数据变更事件，并在所述数据变更事件的事件参数中提取视图层ID；

步骤S302，根据所述视图层ID查找对应的视图层；

步骤S303，向查找到的视图层发送所述数据变更事件，以使所述视图层触发所述数据变更事件。

在该步骤中，若根据所述视图层ID查找到的视图层为一个，向所述视图层发送所述数据变更事件，若根据所述视图层ID查找到的视图层为至少两个，向所述至少两个视图层广播所述数据变更事件。

在视图层触发custom_event_appDataChange事件，视图层根据custom_event_appDataChange实现相应的业务功能，例如：刷新UI、或者其他处理逻辑等。

基于本发明实施例，宿主层向视图层发送数据变更事件，使视图层执行与数据变更事件相对应的业务功能。

在本发明的又一实施例中，还提供一种小程序交互装置，应用于宿主层，所述宿主层包括：虚拟小程序代理模块，如图4所示，所述装置包括：

第一截获模块11，用于截获操作标准小程序页面的UI元素触发的前端事件；

确定模块12，用于利用所述虚拟小程序代理模块确定所述前端事件的派发对象是否为虚拟小程序；

派发模块13，用于若所述派发对象为虚拟小程序，利用所述虚拟小程序代理模块向所述虚拟小程序派发所述前端事件，以使所述虚拟小程序响应于所述前端事件实现相应的业务功能。

在本发明的又一实施例中，所述确定模块，包括：

在本发明的又一实施例中，在所述派发模块之后，所述装置还包括：

在本发明的又一实施例中，在所述发送模块之后，所述装置还包括：

第二截获模块，用于截获所述数据变更事件，并在所述数据变更事件的事件参数中提取视图层ID；

查找模块，用于根据所述视图层ID查找对应的视图层；

第二发送模块，用于向查找到的视图层发送所述数据变更事件，以使所述视图层触发所述数据变更事件。

在本发明的又一实施例中，所述第二发送模块，包括：

在本发明的又一实施例中，还提供一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现方法实施例所述的小程序交互方法。

本发明实施例提供的电子设备，处理器通过执行存储器上所存放的程序实现了截获操作标准小程序页面的UI元素触发的前端事件；利用所述虚拟小程序代理模块确定所述前端事件的派发对象是否为虚拟小程序；若所述派发对象为虚拟小程序，利用所述虚拟小程序代理模块向所述虚拟小程序派发所述前端事件，以使所述虚拟小程序响应于所述前端事件实现相应的业务功能，本发明通过截获操作标准小程序页面触发的前端事件，并利用虚拟小程序代理模块确定该前端事件的派发对象为虚拟小程序时，可以向虚拟小程序派发该前端事件，使虚拟小程序响应于前端事件实现相应的业务功能，通过操作标准小程序页面的UI元素，使虚拟小程序实现相应的业务功能，实现标准小程序和虚拟小程序之间的联动，进而使虚拟小程序和标准小程序在开发者层面的融合更加深入，方便后续各种业务功能的实现，有利于整体实现小程序生态。

上述电子设备提到的通信总线1140可以是外设部件互连标准(PeripheralComponentInterconnect，简称PCI)总线或扩展工业标准结构(ExtendedIndustryStandardArchitecture，简称EISA)总线等。该通信总线1140可以分为地址总线、数据总线、控制总线等。为便于表示，图5中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口1120用于上述电子设备与其他设备之间的通信。

存储器1130可以包括随机存取存储器(RandomAccessMemory，简称RAM)，也可以包括非易失性存储器(non-volatilememory)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器1110可以是通用处理器，包括中央处理器(CentralProcessingUnit，简称CPU)、网络处理器(NetworkProcessor，简称NP)等；还可以是数字信号处理器(DigitalSignalProcessing，简称DSP)、专用集成电路(ApplicationSpecificIntegratedCircuit，简称ASIC)、现场可编程门阵列(Field-ProgrammableGateArray，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

在本发明的又一实施例中，还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有小程序交互方法的程序，所述小程序交互方法的程序被处理器执行时实现方法实施例所述的小程序交互方法的步骤。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时，全部或部分地产生按照本发明实施例的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘SolidStateDisk(SSD))等。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims

1.一种小程序交互方法，其特征在于，应用于宿主层，所述宿主层包括：虚拟小程序代理模块，所述方法包括：

截获操作标准小程序页面的UI元素触发的前端事件；

2.根据权利要求1所述的小程序交互方法，其特征在于，利用所述虚拟小程序代理模块确定所述前端事件的派发对象是否为虚拟小程序，包括：

确定所述目的地址对应的小程序是否为虚拟小程序；

3.根据权利要求1所述的小程序交互方法，其特征在于，在利用所述虚拟小程序代理模块向所述虚拟小程序派发所述前端事件之后，所述方法还包括：

将所述代码片段发送至逻辑层，以使逻辑层根据所述代码片段生成数据变更事件。

4.根据权利要求3所述的小程序交互方法，其特征在于，在将所述代码片段发送至所述逻辑层之后，所述方法还包括：

根据所述视图层ID查找对应的视图层；

5.一种小程序交互装置，其特征在于，应用于宿主层，所述宿主层包括：虚拟小程序代理模块，所述装置包括：

6.根据权利要求5所述的小程序交互装置，其特征在于，所述确定模块，包括：

7.根据权利要求5所述的小程序交互装置，其特征在于，在所述派发模块之后，所述装置还包括：

第一发送模块，用于将所述代码片段发送至逻辑层，以使逻辑层根据所述代码片段生成数据变更事件。

8.根据权利要求7所述的小程序交互装置，其特征在于，在所述发送模块之后，所述装置还包括：

查找模块，用于根据所述视图层ID查找对应的视图层；

9.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现权利要求1～4任一所述的小程序交互方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有小程序交互方法的程序，所述小程序交互方法的程序被处理器执行时实现权利要求1-4任一所述的小程序交互方法的步骤。