Hybrid开发中JSBridge的实现

//=========================全局对象调用postMessage==========================
//js操作native的方法 拦截
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{
    
    NSDictionary *msgMap = [NSDictionary dictionaryWithDictionary:message.body];
    NSLog(@"JS交互参数：%@", msgMap);
    NSLog(@"name：%@", message.name);
    NSString *nativeMethod = msgMap[@"nativeMethod"];
    
    NSLog(@"nativeMethod：%@", nativeMethod);
    
    if([nativeMethod isEqualToString:@"openPage"]){ //打开新的webview页面
        
        CustomWebViewController *customController = [[CustomWebViewController alloc] init];
        
        NSString *url = [self getValueForParams:@"url" forParams:msgMap[@"params"]];
        
        if(url){
            customController.url = url;
        }
        
        [self.navigationController pushViewController:customController animated:YES];
        
    } else if([nativeMethod isEqualToString:@"hideTitle"]) { //隐藏titlebar
        
        self.navigationController.navigationBarHidden = YES;
        
    } else if([nativeMethod isEqualToString:@"showTitle"]) { //显示titlebar
        
        self.navigationController.navigationBarHidden = NO;
        
    } else if([nativeMethod isEqualToString:@"popPage"]) { //关闭webview
        int step = 1;
      
        id s = [self getValueForParams:@"step" forParams:msgMap[@"params"]];
        if(s){
            step = [s intValue];
        }
        
        int totals = self.navigationController.viewControllers.count;
        int targetIndex = totals - step - 1;
        
        if(targetIndex >= 0){
            UIViewController *targetController = self.navigationController.viewControllers[targetIndex];
            [self.navigationController popToViewController:targetController animated:YES];
        } else {
            [self.navigationController popViewControllerAnimated:YES];
        }
        
    } else if([nativeMethod isEqualToString:@"addResumeEvent"]) { //resume监听 进入前台
        
        NSString *js = [NSString stringWithFormat:@"JSBridge.eventMap.%@()", msgMap[@"callback"]];

        [_resumeQueue addObject:js];
        
    } else if([nativeMethod isEqualToString:@"addPauseEvent"]) { //pause监听 压入后台
        
        NSString *js = [NSString stringWithFormat:@"JSBridge.eventMap.%@()", msgMap[@"callback"]];
        //        [_customWebView evaluateJavaScript:js completionHandler:nil]; //todo
        [_resumeQueue addObject:js];
        
    } else {
        return ;
    }
    
}

//=========================alert拦截==========================
//alert实现 webview会对js进行 alert等系统事件的拦截
- (void) webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler{
    
    UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"提示" message:message preferredStyle:UIAlertControllerStyleAlert];
    
    [alert addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
        completionHandler();
    }]];
    
    [self presentViewController:alert animated:YES completion:NULL];
    
}

//resume方法, app进入前台
- (void)resumeEvents{
    NSLog(@"==============resumeEvents==============");
    
    //循环遍历执行注册的resume方法
    for(int i = 0; i < [_resumeQueue count]; i++){
        
        //native调用js方法
        [_customWebView evaluateJavaScript:[_resumeQueue objectAtIndex:i] completionHandler:nil];
        
    }
    
}

 var JSBridge = {
        isJSBridgeAPPDemo: isJSBridgeAPPDemo(),//return bool
        device: getDeviceInfo(),//return type:ios
        eventMap: {
            //事件队列
        },
        uid: 0,
        deviceRouter: function(method, params, callback, isHold){
            if(!this.isJSBridgeAPPDemo){ return console.log("isJSBridgeAPPDemo：false"); }
            if(this.device.type == IOS){
                this.iosMethod(method, params, callback, isHold);
            } else if (this.device.type == ANDROID){
                this.androidMethod(method, params, callback, isHold);
            } else {
                console.error("请在native端使用此方法：" + method);
            }
        },
        iosMethod: function(method, params, callback, isHold){ //ios通用方法
            var self = this;
            var uid = this.uid;
            if(callback){
                this.eventMap[method + uid] = function(data){
                    callback && callback(data);
                    if(!isHold){
                        delete self.eventMap[method + uid];
                    }
                };
                this.uid = uid + 1;
            }
            try{
                var msgObj = {
                    nativeMethod: method
                };
                if(callback){
                    msgObj.callback = method + uid;
                }
                if(params){
                    msgObj.params = JSON.stringify(params);
                }
                window.webkit.messageHandlers.JSBridge.postMessage(msgObj);
            }catch(e){
                console.error(JSON.stringify(e));
                console.error("需要在ios设备内使用WKWebView");
            }
        },
        androidMethod: function(method, params, callback, isHold){ //android通用方法
            var self = this;
            var uid = this.uid;
            if(callback){
                this.eventMap[method + uid] = function(data){
                    callback && callback(data);
                    if(!isHold){
                        delete self.eventMap[method + uid];
                    }
                };
                this.uid = uid + 1;
            }
            try{
                if(params && callback){
                    JSBridgeAndroid[method](JSON.stringify(params), method + uid);
                } else if(params) {
                    JSBridgeAndroid[method](JSON.stringify(params));
                } else if(callback) {
                    JSBridgeAndroid[method](method + uid);
                } else {
                    JSBridgeAndroid[method]();
                }
            }catch(e){
                console.error(JSON.stringify(e));
                console.error("需要在android设备内使用JSBridge功能，无全局对象JSBridgeAndroid");
            }
        },
        getDeviceId: function(callback){ //获取设备id
            this.deviceRouter("getDeviceId", null, callback);
        },
        openPage: function(url){ //打开新的webview
            this.deviceRouter("openPage", {url: url}, null);
            if(!this.isJSBridgeAPPDemo){
                location.href = url;
            }
        },
        popPage: function(n){ //关闭页面
            if(!n) { n = 1 }
            this.deviceRouter("popPage", {step: n}, null);
            if(!this.isJSBridgeAPPDemo){
                if(n == 1){
                    history.back();
                } else {
                    history.go(-n);
                }
            }
            // JSBridgeAndroid.popPage(n);
        },
        hideTitle: function(){ //隐藏native title bar
            this.deviceRouter("hideTitle", null, null);
            // JSBridgeAndroid.hideTitle();
        },
        showTitle: function(){ //显示native title bar
            this.deviceRouter("showTitle", null, null);
            // JSBridgeAndroid.showTitle();
        },
        addResumeEvent: function(callback){ //resume
            this.deviceRouter("addResumeEvent", null, callback, true);
            if(!this.isJSBridgeAPPDemo){
                pageBackFromNextPage(callback);
            }
            // JSBridgeAndroid.addResumeEvent(name + uid);
        },
        addPauseEvent: function(callback){ //pause
            this.deviceRouter("addPauseEvent", null, callback, true);
            if(!this.isJSBridgeAPPDemo){
                pagePause(callback);
            }
        }
    };

    var J_GotoBaidu = document.getElementById("J_GotoBaidu");
    J_GotoBaidu.onclick = function(){
        JSBridge.openPage("https://www.baidu.com");
    };

//ios自定义协议拦截
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{
    
    NSURL *url = navigationAction.request.URL;
    NSString *scheme = [url scheme];
    
    //ios接收到的scheme的值 始终为小写
    if([scheme isEqualToString:@"jsbridge"]){
        
        [self handleCustomAction:url];
        
        decisionHandler(WKNavigationActionPolicyCancel);
        return;
    }
    decisionHandler(WKNavigationActionPolicyAllow);
    
}
//自定义执行的 协议拦截方法
- (void)handleCustomAction:(NSURL *)url{
    
    NSString *host = [url host];
    NSLog(@"host: %@", host);
    NSLog(@"params: %@", [url query]);
    
    //解析query为字典
    NSArray *paramsArray = [[url query] componentsSeparatedByString:@"&"];
    NSMutableDictionary *params = [[NSMutableDictionary alloc] init];
    for(int i = 0; i < [paramsArray count]; i++){
        NSArray *step = [paramsArray[i] componentsSeparatedByString:@"="];
        
        [params setObject:step[1] forKey:step[0]];
    }
    
    if([host isEqualToString:@"openPage"]){
        
        NSString *pageUrl = params[@"url"];
        pageUrl = [pageUrl stringByRemovingPercentEncoding];
        
        CustomWebViewController *customController = [[CustomWebViewController alloc] init];
        customController.url = pageUrl;
        
        [self.navigationController pushViewController:customController animated:YES];
    }
    
}