image.png

图片上的弹框是iOS原生弹框
主要介绍H5调用swift

js调用iOS

一 iOS端

1.初始化WKWebVIew,向webView注入 通知名称
"myName"是移动端与iOS统一的名称

        let theConfiguration = WKWebViewConfiguration.init()
        theConfiguration.userContentController.add(self, name: "myName")
        self.wkWebView = WKWebView.init(frame: CGRect(x: 0
        , y: 0
        , width: SCREENW
        , height: SCREENH), configuration: theConfiguration)

2.实现WKScriptMessageHandler代理方法

func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if let messageBody = message.body as? [String:Any]
        {
            let message = messageBody["message"]
            print(message!)
        }
}

二 web端

//点击事件，实现以下语句就可以

jsFunc(){
var message = {'message':'MessageHandler 方式'};
window.webkit.messageHandlers.myName.postMessage(message);
}

如果是angular的项目，typescript 里面 要加上window的声明

declare var window: Window & { webkit: any };

iOS调用js

一iOS代码

        self.wkWebView.evaluateJavaScript("ocToJs('loginSucceed', 'oc_tokenString')") { (data, error) in
            
        }

二js代码

function ocToJs(action, params) {
 
}