CN111309493A - 多页面间通信的实现方法、装置及电子设备 - Google Patents

Abstract

公开了一种多页面间通信的实现方法、装置及电子设备。该方法包括：发送页面将事件消息发送到Native层；所述事件消息中包括事件类型以及事件参数；所述Native层广播所述事件消息；接收页面在监听到所述事件消息时，获取所述事件消息；所述接收页面根据所述事件消息中的事件类型及事件参数，对事件进行处理。根据本公开，可以实现多页面之间的通信，提高应用体验，降低开发难度。

Description

多页面间通信的实现方法、装置及电子设备

技术领域

本公开涉及计算机技术领域，更具体地，涉及一种多页面间通信的实现方法、装置及电子设备。

背景技术

在目前的应用开发过程中，使用具有“发布即更新”、“一条URL可适配多端”的H5技术进行开发页面应用，虽然简单高效，但很是很难获取原生(Native)应用的富交互的性能体验。因此，可以兼顾开发效率和性能体验的应用开发框架，例如Weex框架应运而生。

通过Weex这类应用框架开发的应用，在不同的非原生页面之间存在互相通信的诉求。但是，现有的通信方式并不能实现多个页面之间的通信，因此，亟需提出一种能够实现多页面间通信的方法。

发明内容

本公开的一个目的是提供一种多页面间通信的实现方法的新技术方案。

根据本公开的第一方面，提供了一种多页面间通信的实现方法，其中，包括：

发送页面将事件消息发送到Native层；所述事件消息中包括事件类型以及事件参数；

所述Native层广播所述事件消息；

接收页面在监听到所述事件消息时，获取所述事件消息；

所述接收页面根据所述事件消息中的事件类型及事件参数，对事件进行处理。

可选地，所述发送页面将事件消息发送到Native层的步骤，包括：

所述发送页面通过调用JSBridge，将所述事件消息发送到所述Native层。

可选地，其中，所述Native层广播所述事件消息的步骤，包括：

所述Native层通过调用WeexSDK广播所述事件消息。

可选地，其中，所述方法还包括：

所述接收页面注册事件监听器，所述事件监听器用于监听包含所述事件类型的事件消息；

所述接收页面通过所述事件监听器，监听所述Native层广播的事件消息。

可选地，其中，所述接收、发送页面为Weex页面。

根据本公开的第二方面，提供了一种用于多页面间通信的实现装置，其中，包括：

发送模块，用于使发送页面将事件消息发送到Native层；所述事件消息中包括事件类型以及事件参数；

广播模块，用于使所述Native层广播所述事件消息；

接收模块，用于使接收页面在监听到所述事件消息时，获取所述事件消息；

处理模块，用于使所述接收页面根据所述事件消息中的事件类型及事件参数，对事件进行处理。

可选地，其中，所述发送模块具体用于使所述发送页面通过调用JSBridge，将所述事件消息发送到所述Native层。

可选地，其中，所述广播模块具体用于使所述Native层通过调用WeexSDK广播所述事件消息。

可选地，其中，所述装置还包括：

注册模块，用于使所述接收页面注册事件监听器，所述事件监听器用于监听包含所述事件类型的事件消息；

监听模块，用于使所述接收页面通过所述事件监听器，监听所述Native层广播的事件消息。

可选地，其中，所述接收、发送页面为Weex页面。

根据本公开的第三方面，提供了一种电子设备，其中，包括根据本公开第二方面中任一项所述的用于多页面间通信的实现装置；或者，所述电子设备包括存储器和处理器，所述存储器用于存储指令；所述指令用于控制所述处理器进行操作，以执行如本公开第一方面中任意一项所述的多页面间通信的实现方法。

根据本公开的一个实施例，可以实现多页面之间的通信，提高应用体验，降低开发难度。

通过以下参照附图对本发明的示例性实施例的详细描述，本发明的其它特征及其优点将会变得清楚。

附图说明

被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例，并且连同其说明一起用于解释本发明的原理。

图1示出了根据本公开的实施例的多页面间通信的实现方法的示意性流程图。

图2示出了根据本公开的实施例的一个例子的信号流程图。

图3示出了根据本公开的实施例的用于多页面间通信的实现装置的示意性框图。

图4示出了根据本公开的实施例的电子设备的示意性框图。

具体实施方式

现在将参照附图来详细描述本发明的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。

在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

下面，参照附图描述根据本公开的各个实施例和例子。

<方法实施例>

图1示出了根据本公开的实施例的多页面间通信的实现方法的示意性流程图。

如图1所示，其中，在步骤1100，发送页面将事件消息发送到Native层。

其中，所述事件消息中包括事件类型以及事件参数。事件类型用于表示事件的具体内容，事件参数表示事件的状态。例如，事件类型是充值，对应的事件参数表示充值的具体数额。又例如，事件类型是界面中按钮状态的变化，对应的事件参数表示变化后的按钮状态。

JSBridge是原生(Native)层和非原生层之间通信的桥梁，因此，在本步骤中，发送页面通过调用JSBrigde将所述事件消息发送到所述Native层。其中，发送页面例如可以是Weex页面。

在一个例子中，发送页面调用JSBridge的相关API可以是：

发送页面在需要触发事件通知时，调用postMessage方法。

在步骤1200，所述Native层广播所述事件消息。

具体地，所述Native层通过调用WeexSDK广播所述事件消息。

在步骤1300，接收页面在监听到所述事件消息时，获取所述事件消息。

实际应用中，接收页面需要事先注册针对某个事件的事件监听器，以实现对该事件的监听。具体地，所述接收页面注册事件监听器，所述事件监听器用于监听包含所述事件类型的事件消息；所述接收页面通过所述事件监听器，监听所述Native层广播的事件消息。其中，接收页面例如可以是Weex页面。

在一个例子中，接收页面注册针对某个事件的事件监听器的相关API可以是：

即，在接收页面声明注册监听广播的该事件消息。这样，接收页面就可以在事件监听器中接收到事件消息。

在步骤1400，所述接收页面根据所述事件消息中的事件类型及事件参数，对事件进行处理。

例如，假设当前界面中按钮为暂停状态，事件消息中，事件类型为更改界面中按钮的状态，事件参数为“播放”。接收页面接收到该事件消息后，将当前界面中按钮的状态由“暂停状态”更改为“播放状态”，完成对该事件的处理。

如图2所示，在一个例子中，发送页面和接收页面均为Weex页面(WeexPage)。WeexPage(发送页面)通过postBroadcastMessage()方法调用JSBridgeModule(JSBridge模块)，将事件消息发送至JSBridgeModule，JSBridgeModule通过onPostBroadcastMessage()方法，将事件消息发送至NativeController，NativeController通过fireGlobalEventCallback()调用WXSDKInstance，WXSDKInstance通过onBroadcastMessage()方法广播该事件消息，以使注册了针对该事件的事件监听器的WeexPage(接收页面)获取到该事件消息。

<例子>

在本例中，以具体的信息流付费业务为例，对多页面间通信的实现方法进行说明。

在付费业务中，存在钱包页(接收页面)和充值付款页(发送页面)。从钱包页打开充值付款页，充值完成后，需要把充值结果通知给钱包页。在充值付款页把充值结果通知给钱包页的过程中，发送页面与接收页面之间通信的流程可以包括：

接收页面事先注册onBroadcastMessage监听器。

发送页面在完成充值后，通过调用JSBridge，向Native层发送postBroadcastMessage事件消息。其中，事件类型为更新余额，事件参数为具体的余额数值。

Native层广播该事件消息。接收页面在监听到该事件消息时，获取该事件消息。接收页面根据该事件消息中的事件类型和事件参数，更新当前钱包页中的余额并展示。

本实施例的多页面间通信的实现方法，通过JSBridge的方式，发送页面将事件消息发送至Native层，Native层广播该事件消息，接收页面通过事件监听器对该事件消息进行监听，在监听到该事件消息时，获取事件消息，从而对事件进行处理。实现了多页面之间的通信，提高应用体验，降低开发难度。

<装置>

图3示出了根据本公开的实施例的用于多页面间通信的实现装置的示意性框图。

如图3所示，其中，用于多页面间通信的实现装置3000可以包括：发送模块3100，广播模块3200，接收模块3300以及处理模块3400。

其中，发送模块3100用于使发送页面将事件消息发送到Native层；所述事件消息中包括事件类型以及事件参数；广播模块3200用于使所述Native层广播所述事件消息；接收模块3300用于使接收页面在监听到所述事件消息时，获取所述事件消息；处理模块3400用于使所述接收页面根据所述事件消息中的事件类型及事件参数，对事件进行处理。

实际应用中，所述发送模块3100具体用于使所述发送页面通过调用JSBridge，将所述事件消息发送到所述Native层。

所述广播模块3200具体用于使所述Native层通过调用WeexSDK广播所述事件消息。

进一步地，所述用于多页面间通信的实现装置3000还可以包括：注册模块，用于使所述接收页面注册事件监听器，所述事件监听器用于监听包含所述事件类型的事件消息；监听模块，用于使所述接收页面通过所述事件监听器，监听所述Native层广播的事件消息。其中，所述接收、发送页面为Weex页面。

本实施例的用于多页面间通信的实现装置，可用于执行上述方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。

本领域技术人员公知的是，随着诸如大规模集成电路技术的电子信息技术的发展和软件硬件化的趋势，要明确划分计算机系统软、硬件界限已经显得比较困难了。因为，任何操作可以软件来实现，也可以由硬件来实现。任何指令的执行可以由硬件完成，同样也可以由软件来完成。对于某一机器功能采用硬件实现方案还是软件实现方案，取决于价格、速度、可靠性、存储容量、变更周期等非技术性因素。对于技术人员来说，软件实现方式和硬件实现方式是等同的。技术人员可以根据需要选择软件或硬件来实现上述方案。因此，这里不对具体的软件或硬件进行限制。

<电子设备>

可以在诸如手机、平板电脑、电脑等的电子设备中实现上述实施例中的任何一个。例如，所述电子设备可以包括上述实施例中的用于多页面间通信的实现装置。

此外，图4示出了根据本公开的实施例的电子设备的示意性框图。如图4所示，电子设备4000可以包括处理器4010、存储器4020、接口装置4030、通信装置4040、显示装置4050、输入装置4060、扬声器4070、麦克风4080，等等。

处理器4010例如可以是中央处理器(CPU)、微处理器(MCU)等。存储器4020例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置4030例如包括USB接口、耳机接口等。

通信装置4040例如能够进行有有线或无线通信。

显示装置4050例如是液晶显示屏、触摸显示屏等。输入装置4060例如可以包括触摸屏、键盘等。用户可以通过扬声器4070和麦克风4080输入/输出语音信息。

图4所示的电子设备仅是解释性的，并且决不是为了要限制本发明、其应用或用途。

在这个实施例中，所述存储器4020用于存储指令，所述指令在所述电子设备4000运行时控制所述处理器4010执行前面参照图1所述的多页面间通信的实现方法中的操作。本领域技术人员应当理解，尽管在图4中示出了多个装置，但是，本发明可以仅涉及其中的部分装置，例如，处理器4010和存储器4020等。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作，这是本领域公知，故在此不再详细描述。

本领域技术人员公知的是，随着诸如大规模集成电路技术的电子信息技术的发展和软件硬件化的趋势，要明确划分计算机系统软、硬件界限已经显得比较困难了。因为，任何操作可以软件来实现，也可以由硬件来实现。任何指令的执行可以由硬件完成，同样也可以由软件来完成。对于某一机器功能采用硬件实现方案还是软件实现方案，取决于价格、速度、可靠性、存储容量、变更周期等非技术性因素。对于技术人员来说，软件实现方式和硬件实现方式是等同的。技术人员可以根据需要选择软件或硬件来实现上述方案。因此，这里不对具体的软件或硬件进行限制。

本发明可以是设备、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质，其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。

计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身，诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如，通过光纤电缆的光脉冲)、或者通过电线传输的电信号。

这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备，或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令，并转发该计算机可读程序指令，以供存储在各个计算/处理设备中的计算机可读存储介质中。

用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码，所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等，以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中，通过利用计算机可读程序指令的状态信息来个性化定制电子电路，例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA)，该电子电路可以执行计算机可读程序指令，从而实现本发明的各个方面。

这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。

也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。

附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是，通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。

Claims (11)

1.一种多页面间通信的实现方法，其中，包括：

发送页面将事件消息发送到Native层；所述事件消息中包括事件类型以及事件参数；

所述Native层广播所述事件消息；

接收页面在监听到所述事件消息时，获取所述事件消息；

所述接收页面根据所述事件消息中的事件类型及事件参数，对事件进行处理。

2.根据权利要求1所述的方法，其中，所述发送页面将事件消息发送到Native层的步骤，包括：

所述发送页面通过调用JSBridge，将所述事件消息发送到所述Native层。

3.根据权利要求1所述的方法，其中，所述Native层广播所述事件消息的步骤，包括：

所述Native层通过调用WeexSDK广播所述事件消息。

4.根据权利要求1所述的方法，其中，所述方法还包括：

所述接收页面注册事件监听器，所述事件监听器用于监听包含所述事件类型的事件消息；

所述接收页面通过所述事件监听器，监听所述Native层广播的事件消息。

5.根据权利要求1所述的方法，其中，所述接收、发送页面为Weex页面。

6.一种用于多页面间通信的实现装置，其中，包括：

发送模块，用于使发送页面将事件消息发送到Native层；所述事件消息中包括事件类型以及事件参数；

广播模块，用于使所述Native层广播所述事件消息；

接收模块，用于使接收页面在监听到所述事件消息时，获取所述事件消息；

处理模块，用于使所述接收页面根据所述事件消息中的事件类型及事件参数，对事件进行处理。

7.根据权利要求6所述的装置，其中，所述发送模块具体用于使所述发送页面通过调用JSBridge，将所述事件消息发送到所述Native层。

8.根据权利要求6所述的装置，其中，所述广播模块具体用于使所述Native层通过调用WeexSDK广播所述事件消息。

9.根据权利要求6所述的装置，其中，所述装置还包括：

注册模块，用于使所述接收页面注册事件监听器，所述事件监听器用于监听包含所述事件类型的事件消息；

监听模块，用于使所述接收页面通过所述事件监听器，监听所述Native层广播的事件消息。

10.根据权利要求6所述的装置，其中，所述接收、发送页面为Weex页面。

11.一种电子设备，其中，包括权利要求6～10任一项所述的用于多页面间通信的实现装置；或者，所述电子设备包括存储器和处理器，所述存储器用于存储指令；所述指令用于控制所述处理器进行操作，以执行如权利要求1-5中任意一项所述的多页面间通信的实现方法。

Images