CN113448654A - web应用程序与原生应用程序的交互方法及装置 - Google Patents

Abstract

本发明提供了一种web应用程序与原生应用程序的交互方法及装置，方法包括：利用与原生应用程序对应的中间代理人接收并转发web应用程序发送的请求命令，该请求命令包含统一字符，以及与统一字符对应的方法唯一标识，中间代理人由原生应用程序的web控件生成；原生应用程序根据统一字符从请求命令中获取方法唯一标识，然后根据方法唯一标识匹配并执行相应的功能。原生应用程序只需根据统一字符就可以从请求命令中获取方法唯一标识，进而执行相应的功能，而不需要执行大量判断逻辑。以及通过由原生应用程序的web控件生成中间代理人接收web应用程序发送的请求命令，这种方式对传输数据没有大小限制，实现了不限制参数大小的目的。

Description

web应用程序与原生应用程序的交互方法及装置

技术领域

本发明涉及数据处理领域，更具体地说，涉及一种web应用程序与原生应用程序的交互方法及装置。

背景技术

原生应用程序是利用Android、iOS、Flutter平台的官方开发语言、开发类库、工具进行开发的应用程序。web应用程序是利用HTML5、JavaScript和CSS等web技术编写的应用程序。在软件开发过程中，会涉及到web应用程序与原生应用程序之间交互数据的情况。

目前，web应用程序与原生应用程序的交互方式包括：

第一种是web应用程序发送URL(uniform resource locator，统一资源定位)请求，原生应用程序的web控件拦截URL请求。URL请求中包含自定义协议，原生应用程序根据URL请求确定需要执行的功能。例如，URL请求为“chic://www.nihao.com？type＝1”，其中type＝1表示参数值为1，原生应用程序根据自定义协议“chic://www.nihao.com？”确定是交互数据，并获取参数，在参数为1时执行打开相册的功能。但是，原生应用程序的web控件对URL请求的数据大小有限制，导致无法传递大量参数。

第二种是WebViewJavascriptBridge，底层原理也是拦截URL请求。WebViewJavascriptBridge通过拦截URL，在拦截的URL中包含自定义协议“https://__wvjb_queue_message__”时确定是交互数据，然后获取参数。根据参数值确定执行相应的功能。WebViewJavascriptBridge内部处理了判断逻辑，项目方法多了之后判断逻辑变得复杂且难以维护，且URL请求无法传递大量参数的技术问题依然存在。

发明内容

有鉴于此，本发明提出一种web应用程序与原生应用程序的交互方法及装置，欲实现不限制参数大小的目的。

为了实现上述目的，现提出的方案如下：

第一方面，提供一种web应用程序与原生应用程序的交互方法，包括：

与所述原生应用程序对应的中间代理人接收所述web应用程序发送的请求命令，并将所述请求命令转发至所述原生应用程序，所述请求命令包含统一字符，以及与所述统一字符对应的方法唯一标识，所述中间代理人由所述原生应用程序的web控件生成；

所述原生应用程序根据所述统一字符从所述请求命令中获取所述方法唯一标识；

所述原生应用程序根据所述方法唯一标识匹配并执行相应的功能，以及向所述web应用程序反馈执行结果。

优选的，所述中间代理人弱引用所述原生应用程序。

优选的，在与所述原生应用程序对应的中间代理人接收所述web应用程序发送的请求命令之前，还包括：

所述原生应用程序的web控件生成所述中间代理人以及与所述中间代理人对应的数据唯一标识；

所述原生应用程序将所述数据唯一标识发送至所述web应用程序，以使所述web应用程序根据所述数据唯一标识向对应的中间代理人发送请求命令。

优选的，所述原生应用程序根据所述方法唯一标识未匹配到相应的功能时，还包括：

提示用户未匹配到相应功能。

优选的，所述原生应用程序为：

Flutter应用程序、Android应用程序或iOS应用程序。

第二方面，提供一种web应用程序与原生应用程序的交互装置，包括：

交互单元，用于通过与所述原生应用程序对应的中间代理人接收所述web应用程序发送的请求命令，并将所述请求命令转发至所述原生应用程序，所述请求命令包含统一字符，以及与所述统一字符对应的方法唯一标识，所述中间代理人由所述原生应用程序的web控件生成；

获取方法唯一标识单元，用于使所述原生应用程序根据所述统一字符从所述请求命令中获取所述方法唯一标识；

匹配执行反馈单元，用于使所述原生应用程序根据所述方法唯一标识匹配并执行相应的功能，以及向所述web应用程序反馈执行结果。

优选的，所述中间代理人弱引用所述原生应用程序。

优选的，所述web应用程序与原生应用程序的交互装置，还包括：

注册单元，用于使所述原生应用程序的web控件生成所述中间代理人以及与所述中间代理人对应的数据唯一标识；

发送单元，用于使所述原生应用程序将所述数据唯一标识发送至所述web应用程序，以使所述web应用程序根据所述数据唯一标识向对应的中间代理人发送请求命令。

优选的，所述web应用程序与原生应用程序的交互装置，还包括：

信息提示单元，用于在所述原生应用程序根据所述方法唯一标识未匹配到相应的功能时，提示用户未匹配到相应功能。

优选的，所述原生应用程序为：

Flutter应用程序、Android应用程序或iOS应用程序。

与现有技术相比，本发明的技术方案具有以下优点：

上述技术方案提供的一种web应用程序与原生应用程序的交互方法及装置，方法包括：利用与原生应用程序对应的中间代理人接收并转发web应用程序发送的请求命令，该请求命令包含统一字符，以及与统一字符对应的方法唯一标识，中间代理人由原生应用程序的web控件生成；原生应用程序根据统一字符从请求命令中获取方法唯一标识，然后根据方法唯一标识匹配并执行相应的功能。原生应用程序只需根据统一字符就可以从请求命令中获取方法唯一标识，进而执行相应的功能，而不需要执行大量判断逻辑。以及通过由原生应用程序的web控件生成中间代理人接收web应用程序发送的请求命令，这种方式对传输数据没有大小限制，实现了不限制参数大小的目的。

附图说明

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

图1为本发明实施例提供的一种web应用程序与原生应用程序的交互方法的流程图；

图2为本发明实施例提供的一种web应用程序与原生应用程序的交互装置的示意图。

具体实施方式

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

本实施例提供了一种web应用程序与原生应用程序的交互方法，参见图1，该方法包括以下步骤：

S11：与原生应用程序对应的中间代理人接收web应用程序发送的请求命令，并将请求命令转发至原生应用程序。

原生应用程序包括Flutter应用程序、Android应用程序和iOS应用程序等。原生应用程序自带web控件，web控件提供消息代理注册的方法。中间代理人由原生应用程序的web控件生成。原生应用程序的web控件生成的中间代理人与该原生应用程序对应，在接收到web应用程序发送的请求命令后，将该请求命令转发至该原生应用程序。中间代理人对接收到的请求命令不做任何处理，直接转发给对应的原生应用程序。

在一个具体的实施例中，中间代理人弱引用与其对应的原生应用程序。弱引用是一种指向关系，而非拥有关系，通过关键字weak来实现中间代理人弱引用原生应用程序。中间代理人弱引用对应的原生应用程序，相比于强引用的方式不存在循环引用的问题。A强引用B时，A释放的前提需要B释放，B释放的前提需要A释放，所以存在循环引用，无法释放的问题。A弱引用B，A释放不需要先释放B，所以不存在无法释放的问题。

S12：原生应用程序根据统一字符从请求命令中获取方法唯一标识。

请求命令包含统一字符，以及与统一字符对应的方法唯一标识。Web应用程序向Flutter应用程序、Android应用程序和iOS应用程序等不同的原生应用程序发送的请求命令中的统一字符均相同。在一个具体实施例中，统一字符为event，原生应用程序识别到该统一字符时，获取与该统一字符对应的方法唯一标识。

方法唯一标识为一个固定字符串。不同的方法唯一标识对应原生应用程序中的不同功能。预先在原生应用程序中生成不同功能的方法唯一标识，并将方法唯一标识发送至web应用程序；这样可以通过web应用程序向原生应用程序发送包括方法唯一标识的请求命令，以使原生应用程序执行相应的功能。

在一个具体实施例中，web应用程序发送的请求命令的数据格式如下：

其中，event表示统一字符，hidesBackButton表示方法唯一标识。具体的hidesBackButton对应的功能为隐藏返回按钮。方法唯一标识中不能存在无法用于方法名的特殊字符，例如@、？等。

在一些具体实施例中，原生应用程序根据方法唯一标识未匹配到相应的功能时，还包括：提示用户未匹配到相应功能。例如显示“您的版本低，请升级”、“失败”或者“没有找到对应方法”等提示信息。

S13：原生应用程序根据方法唯一标识匹配并执行相应的功能，以及向web应用程序反馈执行结果。

原生应用程序根据方法唯一标识能够匹配到对应的功能，并进行执行。执行结果包括是否匹配到相应的功能的信息。

本实施例提供的上述web应用程序与原生应用程序的交互方法，利用与原生应用程序对应的中间代理人接收并转发web应用程序发送的请求命令；原生应用程序根据请求命令中的统一字符，从请求命令中获取方法唯一标识，然后根据方法唯一标识匹配并执行相应的功能。原生应用程序只需根据统一字符就可以从请求命令中获取方法唯一标识，进而执行相应的功能，而不需要执行大量判断逻辑。以及通过由原生应用程序的web控件生成的中间代理人，接收web应用程序发送的请求命令，这种方式对传输数据没有大小限制，实现了不限制参数大小的目的。

在步骤S11之前，还包括：原生应用程序的web控件生成中间代理人以及与中间代理人对应的数据唯一标识；原生应用程序将数据唯一标识发送至web应用程序，以使web应用程序根据数据唯一标识向对应的中间代理人发送请求命令。

中间代理人与数据唯一标识一一对应，web应用程序需要向某个原生应用程序发送请求命令时，通过数据唯一标识就可以找到与该原生应用程序对应的中间代理人，进而通过该中间代理人向原生应用程序发送请求命令。

对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。

下述为本发明装置实施例，可以用于执行本发明方法实施例。对于本发明装置实施例中未披露的细节，请参照本发明方法实施例。

参见图2，为本实施例提供的一种web应用程序与原生应用程序的交互装置，该交互装置包括：交互单元21、获取方法唯一标识单元22和匹配执行反馈单元23。

交互单元21，用于通过与原生应用程序对应的中间代理人接收web应用程序发送的请求命令，并将请求命令转发至原生应用程序，请求命令包含统一字符，以及与统一字符对应的方法唯一标识，中间代理人由原生应用程序的web控件生成。

获取方法唯一标识单元22，用于使原生应用程序根据统一字符从请求命令中获取方法唯一标识。

匹配执行反馈单元23，用于使原生应用程序根据方法唯一标识匹配并执行相应的功能，以及向web应用程序反馈执行结果。

在一些具体实施例中，中间代理人弱引用原生应用程序。

在一些具体实施例中，web应用程序与原生应用程序的交互装置，还包括：注册单元和发送单元。

注册单元，用于使原生应用程序的web控件生成中间代理人以及与中间代理人对应的数据唯一标识。

发送单元，用于使原生应用程序将数据唯一标识发送至web应用程序，以使web应用程序根据数据唯一标识向对应的中间代理人发送请求命令。

在一些具体实施例中，web应用程序与原生应用程序的交互装置，还包括：信息提示单元，用于在原生应用程序根据方法唯一标识未匹配到相应的功能时，提示用户未匹配到相应功能。

在一些具体实施例中，原生应用程序为：Flutter应用程序、Android应用程序或iOS应用程序

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中各个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可，且本说明书中各实施例中记载的特征可以相互替换或者组合。

对本发明所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种web应用程序与原生应用程序的交互方法，其特征在于，包括：

与所述原生应用程序对应的中间代理人接收所述web应用程序发送的请求命令，并将所述请求命令转发至所述原生应用程序，所述请求命令包含统一字符，以及与所述统一字符对应的方法唯一标识，所述中间代理人由所述原生应用程序的web控件生成；

所述原生应用程序根据所述统一字符从所述请求命令中获取所述方法唯一标识；

所述原生应用程序根据所述方法唯一标识匹配并执行相应的功能，以及向所述web应用程序反馈执行结果。

2.根据权利要求1所述的web应用程序与原生应用程序的交互方法，其特征在于，所述中间代理人弱引用所述原生应用程序。

3.根据权利要求1所述的web应用程序与原生应用程序的交互方法，其特征在于，在与所述原生应用程序对应的中间代理人接收所述web应用程序发送的请求命令之前，还包括：

所述原生应用程序的web控件生成所述中间代理人以及与所述中间代理人对应的数据唯一标识；

所述原生应用程序将所述数据唯一标识发送至所述web应用程序，以使所述web应用程序根据所述数据唯一标识向对应的中间代理人发送请求命令。

4.根据权利要求1所述的web应用程序与原生应用程序的交互方法，其特征在于，所述原生应用程序根据所述方法唯一标识未匹配到相应的功能时，还包括：

提示用户未匹配到相应功能。

5.根据权利要求1所述的web应用程序与原生应用程序的交互方法，其特征在于，所述原生应用程序为：

Flutter应用程序、Android应用程序或iOS应用程序。

6.一种web应用程序与原生应用程序的交互装置，其特征在于，包括：

交互单元，用于通过与所述原生应用程序对应的中间代理人接收所述we b应用程序发送的请求命令，并将所述请求命令转发至所述原生应用程序，所述请求命令包含统一字符，以及与所述统一字符对应的方法唯一标识，所述中间代理人由所述原生应用程序的web控件生成；

获取方法唯一标识单元，用于使所述原生应用程序根据所述统一字符从所述请求命令中获取所述方法唯一标识；

匹配执行反馈单元，用于使所述原生应用程序根据所述方法唯一标识匹配并执行相应的功能，以及向所述web应用程序反馈执行结果。

7.根据权利要求6所述的web应用程序与原生应用程序的交互装置，其特征在于，所述中间代理人弱引用所述原生应用程序。

8.根据权利要求6所述的web应用程序与原生应用程序的交互装置，其特征在于，还包括：

注册单元，用于使所述原生应用程序的web控件生成所述中间代理人以及与所述中间代理人对应的数据唯一标识；

发送单元，用于使所述原生应用程序将所述数据唯一标识发送至所述we b应用程序，以使所述web应用程序根据所述数据唯一标识向对应的中间代理人发送请求命令。

9.根据权利要求6所述的web应用程序与原生应用程序的交互装置，其特征在于，还包括：

信息提示单元，用于在所述原生应用程序根据所述方法唯一标识未匹配到相应的功能时，提示用户未匹配到相应功能。

10.根据权利要求6所述的web应用程序与原生应用程序的交互装置，其特征在于，所述原生应用程序为：

Flutter应用程序、Android应用程序或iOS应用程序。

Images