[发明专利]一种基于reactnative的Native App与Web App的通信方法

权利要求书

1.一种基于reactnative的Native App与Web App的通信方法，应用于移动终端NativeApp，其特征在于，包括：

引入webView组件并在webView中注册jsapi；

通过webView的postMessage向Web App发送第一通信数据；

接收Web App通过jsapi返回的第二通信数据；

解析数据并进行业务处理。

2.根据权利要求1所述的方法，其特征在于，所述在webView中注册jsapi的方式为：

‘(function(){window.postMessage＝function(data){window.ReactNativeWebView.postMessage(data)}})()’。

3.根据权利要求1所述的方法，其特征在于，所述第一通信数据包括：

通信数据方法、数据编码格式和及回复的数据格式。

4.根据权利要求1或3所述的方法，其特征在于，还包括：

将所述第一通信数据编码成JSON字符串，其中，JSON字符串包括字段key和param，key为字符串类型，param为map。

5.根据权利要求1所述的方法，其特征在于，在接收Web App通过jsapi发送的第二通信数据前，还包括：

在webView中绑定onMessage方法。

6.根据权利要求1所述的方法，其特征在于，接收Web App通过jsapi发送的第二通信数据后还包括：

在所述第二通信数据字符串中增加字段response以生成第三通信数据，其中，response为map结构，包装有回复数据；

将所述第三通信数据通过webView.postMessage发送至Web App。

7.一种基于reactnative的Native App与Web App的通信方法，应用于移动终端WebApp，其特征在于，包括：

通过监听message事件来接收Native App发送的所述第一通信数据；

根据Native App注册的jsapi向Native App发送所述第二通信数据。

8.根据权利要求7所述的方法，其特征在于，还包括：所述第二通信数据包括：

通信数据方法、数据编码格式和及回复的数据格式。

9.根据权利要求7或8所述的方法，其特征在于，还包括：

将所述第二通信数据编码成JSON字符串，其中，JSON字符串包括字段key、param和response，key为字符串类型，param为map，response为map结构，包装有回复数据。

10.根据权利要求7所述的方法，其特征在于，还包括：

接收Native App通过webView的postMessage发送的所述第三通信数据；

通过所述第三通信数据JSON字符串中key、param识别消息身份；

通过所述第三通信数据JSON字符串中response提取回复数据；

根据所述消息身份和提取的回复数据进行业务处理。