CN105739967A - 移动应用中js异步调用native的方法 - Google Patents

Abstract

本发明涉及移动应用开发。本发明针对现有技术中js异步调用native原生方法过程中，native端回调js的回调函数返回结果时，如果js端传递js回调函数代码给native，让webview去执行，导致native端代码复杂并难以复用，如果js端不传js回调函数代码到native端，native又不能调用js的匿名回调函数的问题，提供一种移动应用中js异步调用native的方法，js端缓存回调函数，并建立公共回调函数，所述公共回调函数包括缓存回调函数与其对应标识之间的映射关系；其次，js端将标示传给native端；然后，native端接收传入的标识，在执行完业务逻辑后回调公共回调函数；最后，公共回调函数根据传回的标识及映射关系，获得对应的缓存回调函数，native端调用该对应的缓存回调函数，完成回调。适用于混合开发模式。

Description

移动应用中js异步调用native的方法

技术领域

本发明涉及移动应用开发，特别涉及移动应用开发中使用HTML5+Android/IOS原生功能(native功能)进行混合开发模式。

背景技术

目前，移动应用开发领域主要使用Android和IOS等技术，同一个app应用需要开发Android版本和IOS版本，但HTML5的出现，使得跨平台的开发技术开始盛行，HTML5+原生(native)的混合开发模式得到了广泛关注。而在使用混合开发模式时，js异步调用native是通过native回调js的回调函数来传递结果的，如图1所示，这就需要每个js函数提供明确的回调函数。而不同的js函数，其回调函数的功能千差万别，如果直接将回调函数传到native端，会导致native段代码变得非常复杂，难以复用和维护，而且大多数js框架及开发者习惯将回调函数定义为匿名函数，导致native端调用js回调函数的代码难以实现，如图2所示。这就需要一种机制来解决这类问题，以保证js即使使用匿名回调函数也能正确实现异步调用native方法。

发明内容

本发明所要解决的技术问题，就是提供一种移动应用中js异步调用native的方法以实现native端回调js回调函数的代码简单统一化。

本发明解决所述技术问题，采用的技术方案是，移动应用中js异步调用native的方法，包括以下步骤：

步骤1、js端缓存回调函数，并建立公共回调函数，所述公共回调函数包括缓存回调函数与其对应标识之间的映射关系；

步骤2、js端将标示传给native端；

步骤3、native端接收传入的标识，在执行完业务逻辑后回调公共回调函数；

步骤4、公共回调函数根据传回的标识及映射关系，获得对应的缓存回调函数，native端调用该对应的缓存回调函数，完成回调。

具体的，还包括以下步骤：

步骤5、完成回调后，js端根据所有标识清理掉对应的缓存回调函数。

进一步的，js端建立Map类型变量，用于缓存回调函数，还用于根据接收到的标识获得或清理标识对应的缓存回调函数。

具体的，所述步骤1中，回调函数至少为一个，并与标识一一对应。

具体的，所述步骤1中，公共回调函数的参数格式为json字符。

具体的，所述步骤4中，native端采用业务逻辑执行结果数据作为参数，调用对应的缓存回调函数，完成回调。

本发明的有益效果是：js端与native端约定在异步调用过程中，js的函数需要将其回调函数存放到map数据结构中，并将其对应的标识传给native的方法中，native方法接收传入的标示，在执行完业务逻辑后回调js的公共回调函数，并返回标示和执行的结果，该公共函数根据标示找到具体之前存放的回调函数，并以native返回的结果执行；

本发明中并不直接传给native其回调函数或其回调函数名称，而是根据某种机制，如：根据时间戳、模块名称、方法名称、成功回调或失败回调等因素生成标识值(key值)，或使用uuid作为key值，生成一个key值，将回调函数按该key值存放到map数据结构中，并将该key值传给native方法；实现了让native端回调js回调函数的代码简单统一化。

附图说明

图1为本发明移动应用中js异步调用native的方法背景技术中js异步调用native功能的普通形式；

图2为本发明移动应用中js异步调用native的方法背景技术中js异步调用native功能时使用匿名回调函数导致native无法调到回调函数形式；

图3为本发明移动应用中js异步调用native的方法实施例中js异步并发调用native方法的解决方案图。

以下结合实施例的具体实施方式，对本发明的上述内容再作进一步的详细说明。但不应将此理解为本发明上述主题的范围仅限于以下的实例。在不脱离本发明上述技术思想情况下，根据本领域普通技术知识和惯用手段做出的各种替换或变更，均应包括在本发明的范围内。

具体实施方式

下面结合附图及实施例详细描述本发明的技术方案：

本发明针对现有技术中js异步调用native原生方法过程中，native端回调js的回调函数返回结果时，如果js端传递js回调函数代码给native，让webview去执行，导致native端代码复杂并难以复用，且不方便维护，如果js端不传js回调函数代码到native端，native又不能调用js的匿名回调函数的问题，提供一种移动应用中js异步调用native的方法，首先，js端缓存回调函数，并建立公共回调函数，所述公共回调函数包括缓存回调函数与其对应标识之间的映射关系；其次，js端将标示传给native端；然后，native端接收传入的标识，在执行完业务逻辑后回调公共回调函数；最后，公共回调函数根据传回的标识及映射关系，获得对应的缓存回调函数，native端调用该对应的缓存回调函数，完成回调。js端与native端约定在异步调用过程中，js的函数需要将其回调函数存放到map数据结构中，并将其对应的标识传给native的方法中，native方法接收传入的标示，在执行完业务逻辑后回调js的公共回调函数，并返回标示和执行的结果，该公共函数根据标示找到具体之前存放的回调函数，并以native返回的结果执行；本发明中并不直接传给native其回调函数或其回调函数名称，而是根据某种机制，如：根据时间戳、模块名称、方法名称、成功回调或失败回调等因素生成标识值(key值)，或使用uuid作为key值，生成一个key值，将回调函数按该key值存放到map数据结构中，并将该key值传给native方法；实现了让native端回调js回调函数的代码简单统一化。

实施例

现有的js异步调用native原生方法中，native端回调js的回调函数返回结果时，如果js端传递js回调函数代码给native，让webview去执行，导致native端代码复杂并难以复用，且不方便维护。同时，如果js端不传js回调函数代码到native端，native又不能调用js的匿名回调函数。针对上述问题，本例提供一种新型的移动应用中js异步调用native的方法，其结构如图3所示，具体方法如下：

首先，用js端实现一个Map类型的数据结构，能够保存键值对，值可以是js的回调函数，键为回调函数的对应标识key。定义一个该Map类型的变量：callbackMap，用于缓存js端的回调函数，并能根据键来获得和删除相应的函数对象。回调函数至少为一个，并与标识一一对应可以利用key与序号进行表示，例如key1,key2,...,keyn。

可用如下示例代码实现上述方法：

然后，在js端定义如上所述的公共回调函数：commonCallback()，来接收native端的回调。公共回调函数为缓存回调函数与其对应标识之间的映射关系。commonCallback会根据传回的标示和序号，根据序号对应的标示从callbackMap中获得之前存放的具体的回调函数，并用native端传回的业务逻辑执行结果数据作为参数调用该回调函数，完成回调,然后根据所有的标示，清理掉缓存的回调函数。

其中，commonCallback的示例代码如下：

本例中，在具体的js函数中调用native方法时，并不直接传给native方法其回调函数或其回调函数名称，而是根据某种机制生成一个key值，如：根据时间戳、模块名称、方法名称、成功回调或失败回调等因素生成key值，或使用uuid作为key值等。将回调函数按该key值存放到callbackMap中，并将该key值传给native方法。

可用如下示例代码实现上述方法：

functionsomeFunction(){

varsomeKey＝"writeFile_s_"+newDate().getTime()；//key的生成策略有具体应用开发者确定；

varotherKey＝"writeFile_f_"+newDate().getTime()；

callbackMap.put(someKey,newFunction(){....})；//回调函数实现形式和内容根据具体业务逻辑实现；

callbackMap.put(otherKey,newFunction(){....})；//调用native方法(此处假设native端在webview中暴露给js的接口对象名为“Native”)，将//someKey、otherKey传过去

window.Native.someNativeMethod(someKey,otherKey,otherParams)；

}。

在native端，当具体的方法执行完业务逻辑后，只需调用调用js的公共回调函数：

commonCallback，将结果返回。示例代码如下：

综上所述，本发明实现了让native端回调js回调函数的代码简单统一化。

Claims (6)

1.移动应用中js异步调用native的方法，其特征在于，包括以下步骤：

步骤1、js端缓存回调函数，并建立公共回调函数，所述公共回调函数包括缓存回调函数与其对应标识之间的映射关系；

步骤2、js端将标示传给native端；

步骤3、native端接收传入的标识，在执行完业务逻辑后回调公共回调函数；

步骤4、公共回调函数根据传回的标识及映射关系，获得对应的缓存回调函数，native端调用该对应的缓存回调函数，完成回调。

2.根据权利要求1所述的移动应用中js异步调用native的方法，其特征在于，还包括以下步骤：

步骤5、完成回调后，js端根据所有标识清理掉对应的缓存回调函数。

3.根据权利要求2所述的移动应用中js异步调用native的方法，其特征在于，所述步骤1中，js端建立Map类型变量，用于缓存回调函数，还用于根据接收到的标识获得或清理标识对应的缓存回调函数。

4.根据权利要求1所述的移动应用中js异步调用native的方法，其特征在于，所述步骤1中，回调函数至少为一个，并与标识一一对应。

5.根据权利要求1所述的移动应用中js异步调用native的方法，其特征在于，所述步骤1中，公共回调函数的参数格式为json字符。

6.根据权利要求1所述的移动应用中js异步调用native的方法，其特征在于，所述步骤4中，native端采用业务逻辑执行结果数据作为参数，调用对应的缓存回调函数，完成回调。