步骤一:************* 定义协议 **************
// 定义协议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)")
}
}