ios/android原生应用与H5交互

H5和原生交互是一个很常见的需求，现介绍一下基本的交互方式

Android端：

一、H5调用Android原生方法 主要实现方式是通过WebView的addJavascriptInterface方法向web注入一个自定义js对象实现js调用Android方法。

1、H5调用Android方法

1.1、例如： H5端调用Android端的finishActivity方法：

window.android.finishActivity('发送给android1')

1.2、Android向WebView注入一个对象（android）：

@JavascriptInterface public void finishActivity(String value) {

Log.e("js调起的原生方法=",value);

finish();

}

1.3、webview代码配置：

二、Android调用H5方法

2.1、H5需在window中挂载事件，暴露给移动端调用：

window.setAuthentication = this.setAuthentication

//具体方法

setAuthentication(param) {

this.roomTotal = JSON.stringify(param)

return '......认证信息.......'

}

2.2、通过WebView的evaluateJavascript方法调用js方法：

2.3、Android 4.4以上调用evaluateJavascript来实现调用js方法，同时能够获取网页返回的数据。 webview.evaluateJavascript(javascript:方法名（参数），

new ValueCallback{

public void onReciveValue(String value){}

})

2、参数递的是json格式的字符串，网页接受到的会是json对象

IOS端：

一、js调用iOS原生方法 通过WkwebView提供的WKScriptMessageHandler协议实现js调用iOS原生方法。

H5端调用iOS端的nativeMethod方法: window.webkit.messageHandlers.nativeMethod.postMessage('');

iOS原生注册方法

nativeMethod： [config.userContentController addScriptMessageHandler:self name:@"nativeMethod"];

当js调用iOS注册的方法时，iOS会走WKScriptMessageHandler的代理方法：

• (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message

二、iOS调用js方法

通过WkWebView的evaluateJavaScript调起js方法：

NSString *promptCode = [NSString stringWithFormat:@"%@()", @"nativeCalljs0"]; [self.wkWebView evaluateJavaScript:promptCode completionHandler:^(id _Nullable result, NSError * _Nullable error) {

//result可以接收到js方法的返回值

NSLog(@"%@",result);

}];

因为iOS和Android与H5调用方式不同，因此我们需要提前判断嵌入的平台，完整代码如下：