Swift-JS和APP的交互（JavaScriptCore和UIWebView的交互）

步骤一：************* 定义协议 **************

// 定义协议SwiftJavaScriptDelegate 该协议必须遵守JSExport协议
@objc protocolSwiftJavaScriptDelegate: JSExport{
    // js调用App的方法
    functoContract()
}

步骤二：********** 定义模型 ************

// 定义一个模型 该模型实现SwiftJavaScriptDelegate协议
@objc classSwiftJavaScriptModel: NSObject, SwiftJavaScriptDelegate{

    weak varjsContext: JSContext?

    functoContract() {
        DispatchQueue.main.async{
            print("toContract:toContracttoContract")
        }
    }
}

步骤三：********** 将模型注入到JS中 ************

  // 注：在webView加载完成后，在webView的代理方法webViewDidFinishLoad中注入即可
    funcsetContext(){
        letcontext = webView!.value(forKeyPath: "documentView.webView.mainFrame.javaScriptContext") as! JSContext

        letmodel = SwiftJavaScriptModel()
        model.jsContext= context

        // 这一步是将SwiftJavaScriptModel模型注入到JS中，在JS就可以通过WebViewJavascriptBridge调用我们暴露的方法了。（其中WebViewJavascriptBridge对应的就是nativeProc，这个要看后台具体怎么写了）
        context.setObject(model, forKeyedSubscript: "nativeProc" as NSCopying& NSObjectProtocol)

        // 注册到网络Html页面 请设置允许Http请求
        letcurUrl = self.webView!.request?.url?.absoluteString  //WebView当前访问页面的链接 可动态注册
        context.evaluateScript(curUrl)

        context.exceptionHandler= { (context, exception) in
            print("exception：", exception as Any)
        }
}

示例：

importUIKit
importJavaScriptCore

// MARK:- 步骤一：*************  定义协议  **************
// 定义协议SwiftJavaScriptDelegate 该协议必须遵守JSExport协议
@objc protocolSwiftJavaScriptDelegate: JSExport{
    // js调用App的方法
    functoContract()
}

// MARK:- 步骤二：**********   定义模型   ************
// 定义一个模型 该模型实现SwiftJavaScriptDelegate协议
@objc classSwiftJavaScriptModel: NSObject,SwiftJavaScriptDelegate{

    weak varjsContext: JSContext?
    functoContract() {
        DispatchQueue.main.async{
            print("toContract:toContracttoContract")
        }
    }
}

classViewController: UIViewController,UIWebViewDelegate{
    varwebView:UIWebView?
    
    override funcviewDidLoad() {
        super.viewDidLoad()

        webView= UIWebView(frame: CGRect(x:0, y: 20, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height-20))
        view.addSubview(webView!)
        webView?.delegate= self
        // 加载webView
        loadWebViewMethod()
    }

    fileprivate funcloadWebViewMethod() {
        leturl = URL(string: "[http://test3.mb.zkrj.com/rest/app/doctor/contract/supplement/baseinfo/page?patientId=02431e1cb7d64376a4e452d93ee2f893](http://test3.mb.zkrj.com/rest/app/doctor/contract/supplement/baseinfo/page?patientId=02431e1cb7d64376a4e452d93ee2f893)")
        webView?.loadRequest(URLRequest(url: url!))
    }

    // MARK:- 步骤三：**********   将模型注入到JS中   ************
    // 注：在webView加载完成后，在webView的代理方法webViewDidFinishLoad中注入即可
    funcsetContext(){
        letcontext = webView!.value(forKeyPath: "documentView.webView.mainFrame.javaScriptContext") as! JSContext
        letmodel = SwiftJavaScriptModel()
        model.jsContext= context

        // 这一步是将SwiftJavaScriptModel模型注入到JS中，在JS就可以通过WebViewJavascriptBridge调用我们暴露的方法了。（其中WebViewJavascriptBridge对应的就是nativeProc，这个要看后台具体怎么写了）
        context.setObject(model, forKeyedSubscript: "nativeProc" as NSCopying& NSObjectProtocol)

        // 注册到网络Html页面 请设置允许Http请求
        letcurUrl = self.webView!.request?.url?.absoluteString  //WebView当前访问页面的链接 可动态注册
        context.evaluateScript(curUrl)
        context.exceptionHandler= { (context, exception) in
            print("exception：", exception as Any)
        }
    }
}

//MARK:- UIWebViewDelegate
extension ViewController{
    funcwebViewDidStartLoad(_webView: UIWebView) {
        print("webViewDidStartLoad")
    }

    funcwebViewDidFinishLoad(_webView: UIWebView) {
        print("webViewDidFinishLoad")
        setContext()
    }

    funcwebView(_webView: UIWebView, didFailLoadWithError error: Error) {
        print("didFailLoadWithError:\(error)")
    }
}