IOS13 Swift5 實現與H5交互 - WKWebView

一、權限問題

        網絡請求權限

 

二、代碼實現

這個比較簡單，直接上代碼

import UIKit
import WebKit

class ViewController: UIViewController , WKNavigationDelegate, WKScriptMessageHandler {

    var webView: WKWebView!
    //你的H5網址
    var urls: String = "http://www.baidu.com"

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        let screen = UIScreen.main.bounds
        
        // MARK: --添加WKWebView
        self.webView = WKWebView(frame: CGRect(x: 0, y: 0, width: screen.size.width, height: screen.size.height))
        // MARK: --添加H5交互.  IosPay 與下面接收js調用方法對應
        // H5在js事件中的代碼是 window.webkit.messageHandlers.IosPay.postMessage(參數)
        webView.configuration.userContentController.add(self, name: "IosPay")
       
        
        self.view.addSubview(self.webView)
        
        let url = URL(string: urls)
        let request = URLRequest(url: url!)
        self.webView.load(request)
        self.webView.navigationDelegate = self
    }
    
    // MARK: --實現WKNavigationDelegate委託協議
    //開始加載時調用
    func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
        NSLog("開始加載")
        print("開始加載：" + (webView.url?.absoluteString ?? "123"))
    
    }
    
    //當內容開始返回時調用
    func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) {
        NSLog("內容開始返回")
        print("內容開始返回：" + (webView.url?.absoluteString ?? urls))
    }
    
    //加載完成之後調用
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        NSLog("加載完成")
        print("加載完成：" + (webView.url?.absoluteString ?? urls))
    }
    
    //加載失敗時調用
    func webView(_ webView: WKWebView, didFailProvisionalNavigation navigation: WKNavigation!, withError error: Error) {
        NSLog("加載失敗 error :  ", error.localizedDescription)
        print("加載失敗 error :  " + (webView.url?.absoluteString ?? urls))
    }
    
    //接收js調用方法
    func userContentController(_ userContentController: WKUserContentController,didReceive message: WKScriptMessage) {
        print("--------"+"\(message.name)")
        switch message.name {
        case "IosPay":
            //多個參數
            let dcit2:[String : NSObject] = message.body as! [String : NSObject]
            //單個參數
            let content:String = message.body
        default: break
        }
    }

}