WKWebView
系统自带API
参考:https://blog.csdn.net/baihuaxiu123/article/details/51286109- 使用第三方框架
WebViewJavascriptBridge
,链接内有详细的使用介绍
WebViewJavascriptBridge - 以上交互方式都是异步的,
JS
无法立刻获取原生返回值。现在介绍如何立刻获取原生返回值
3.1、遵循对应的协议
_webView.UIDelegate = self;
3.2、实现协议的内容
- (void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString *)prompt defaultText:(nullable NSString *)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString * __nullable result))completionHandler {
NSError *err = nil;
NSData *dataFromString = [prompt dataUsingEncoding:NSUTF8StringEncoding];
NSDictionary *payload = [NSJSONSerialization JSONObjectWithData:dataFromString options:NSJSONReadingMutableContainers error:&err];
if (!err){
NSString *type = [payload objectForKey:@"type"];
if (type && [type isEqualToString:@"JSbridge"]){
completionHandler([self getReturnValueWithPayload:payload]);
}
}
}
// 自定义方法
- (NSString *)getReturnValueWithPayload:(NSDictionary *)payload{
NSString *returnValue = @"";
NSString *functionName = [payload objectForKey:@"functionName"];
NSDictionary *args = [payload objectForKey:@"arguments"]; // JS传入的值
if ([functionName isEqualToString:@"getUserData"]) {
NSDictionary *dictionary = @{@"userCode":@"1231231231" };
returnValue = [self toJsonWithDictionary:dictionary];
}
return returnValue;
}
// 字典转化为JSON字符串
- (NSString *)toJsonWithDictionary:(NSDictionary *)dict{
if (dict == nil || dict.allKeys.count == 0) {
return @"";
}else{
NSError *parseError = nil;
NSData *jsonData = [NSJSONSerialization dataWithJSONObject:dict options:NSJSONWritingPrettyPrinted error:&parseError];
return [[NSString alloc] initWithData:jsonData encoding:NSUTF8StringEncoding];
}
}
3.3、 JS
调用原生方法
// 声明
function getNativeDataFunction(functionName,parm = {}){
var payload = {"type": "JSbridge", "functionName": functionName, "arguments": parm};
return prompt(JSON.stringify(payload));
}
// 调用 nativeData即接收的返回值<JSON字符串>
var nativeData = getNativeDataFunction("getUserData");