WKwebview迅速

Question

我在xib中有一個viewController，我以編程方式添加了Web視圖，並且為視圖添加了背景色，並向xib添加了activityIndi​​actor，基本上我想在加載Web視圖並完成Web視圖時顯示此視圖和activityIndi​​cator我想隱藏視圖並停止activityIndi​​cator，然后單擊Web視圖中的任何操作，然后再次顯示視圖並啟動activityLoader。我將代碼粘貼在任何建議的下方，如果我做過任何錯誤，請隨意指導我實現以上目標場景並幫助我。

運行以下代碼將看到暗視圖，並且在加載Web視圖時不會加載activityIndi​​ator。

    //
    //  CustomWebViewController.swift
    //  WibmoPay
    //
    //  Created by Hemavathi on 10/07/18.
    //

    import UIKit
    import WebKit

    let kJavascriptFileName = "WibmoPayWebKitPostData"

    class CustomWebViewController: UIViewController,WKUIDelegate {
        @IBOutlet weak var LoadingView: UIView!
        var webView: WKWebView!
        var merchantDetails: WPMerchantDetails?
        var postedParams = false
        @IBOutlet weak var loadActivityIndicator: UIActivityIndicatorView!

        override func viewDidLoad() {
            super.viewDidLoad()
            self.navigationItem.hidesBackButton = true
            self.navigationItem.title = "Pay"
            let cancelBarBtn = UIBarButtonItem(barButtonSystemItem: .cancel, target: self, action: #selector(CustomWebViewController.cancelTransaction(_:)))
            self.navigationItem.setRightBarButton(cancelBarBtn, animated: true)
            self.configureWebView()
        }

        /*
         Dismiss the controller and return from sdk to app
         */
        @objc private func cancelTransaction(_ sender: UIButton) {
            self.dismiss(animated: true, completion: nil)
        }

        /*
         Injected JavaScript html for showing webview
         */
        private func configureWebView(){
            let webConfiguration = WKWebViewConfiguration()
            self.webView = WKWebView(frame: self.LoadingView.frame,configuration: webConfiguration)
            self.LoadingView.addSubview(self.webView)
            webView.addSubview(self.loadActivityIndicator)
            webView.contentMode = .scaleToFill
            //webView.allowsBackForwardNavigationGestures = false
            //webView.autoresizesSubviews = true
            webView.scrollView.bounces = false
            //webView.scrollView.isScrollEnabled = false
            //automaticallyAdjustsScrollViewInsets = true
            webView.navigationDelegate = self

            let frameworkBundle = Bundle(for: WibmoPaySdk.self)
            let resourceBundle = Bundle(url: frameworkBundle.url(forResource: "WibmoPay", withExtension: "bundle")!)
            let javascriptFilePath = resourceBundle?.path(forResource: kJavascriptFileName, ofType: "html")
            let javascriptFileContents = try? String(contentsOfFile: javascriptFilePath!)
            self.webView.navigationDelegate = self
            self.webView.loadHTMLString(javascriptFileContents!, baseURL: frameworkBundle.bundleURL)
        }
    }

    /*
     WKWebView delegates
     */
    extension CustomWebViewController : WKNavigationDelegate {

        /*
         when URL is completed loaded this method is invoked
         */
        func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
            if postedParams == false {
                self.makePostRequest()
            }
            self.loadActivityIndicator.stopAnimating()
            self.LoadingView.isHidden = false
        }

        func makePostRequest() {
            var url = ""
            let postString: [String : String] = [SDKConstant.KEY_REQUEST_PARAM_CHECKSUM : merchantDetails!.generateCheckSumUsingSHA512,
                                                 SDKConstant.KEY_REQUEST_PARAM_MERCHANT_NAME :  merchantDetails!.merchantName,
                                                 SDKConstant.KEY_REQUEST_PARAM_MERCHANT_TXN_ID : merchantDetails!.merchantTxnId,
                                                 SDKConstant.KEY_REQUEST_PARAM_MERCHANT_AMOUNT : merchantDetails!.merchantTxnAmount,
                                                 SDKConstant.KEY_REQUEST_PARAM_MERCHANT_MESSAGE : merchantDetails!.merchantMessage,
                                                 SDKConstant.KEY_REQUEST_PARAM_MERCHANT_PAYMENT_OPTION : merchantDetails!.merchantPaymentOption,
                                                 SDKConstant.KEY_REQUEST_PARAM_PAYER_NAME : merchantDetails!.payerName,
                                                 SDKConstant.KEY_REQUEST_PARAM_PAYER_MOBILE_NO : merchantDetails!.payerMobile,
                                                 SDKConstant.KEY_REQUEST_PARAM_PAYER_EMAIL_ID : merchantDetails!.payerEmailId]

            var postParams = ""
            for param in postString {
                if let urlEncodedValue = param.value.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) {
                    postParams += "\(param.key):'\(urlEncodedValue)',"
                }
            }
            postParams = String(postParams.dropLast())
            if let wibmoPayURL = WibmoPaySdk.sdkManager.wibmoPayUrl{
            print("URL:\(String(describing: wibmoPayURL))")
            url = "\(wibmoPayURL)\(SDKConstant.API_PAYMENT_URL)"
            }else{
                WibmoPayError.inCorrectMerchantDetails(missingData: "URL is empty")
            }
            let jsEvaluator = "post('\(url)',{\(postParams)});"
            print(jsEvaluator)
            self.webView.evaluateJavaScript(jsEvaluator) { (result, error) in
                if let error = error {
                    print(error)
                }
            }
            postedParams = true

            print("webView URL:\(String(describing: webView.url))")
        }

        func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
            self.loadActivityIndicator.startAnimating()
            self.LoadingView.isHidden = true
            print("\(String(describing: webView.url))")
            var merchantName: String!
            var orderId: String!
            var merchantTxnId: String!
            var status: String!
            var paymentMode: String!
            var amount: String!
            var commission: String!
            var channel: String!

            if let redirectedUrl = webView.url, let merchantCbUrl = merchantDetails?.merchantCallbackUrl {
                if(redirectedUrl.absoluteString.hasPrefix(merchantCbUrl)) {
                    print("redirect url matching\(String(describing: redirectedUrl.host))")
                    if let responseData = redirectedUrl.query {
                        let params = responseData.components(separatedBy: "&")
                        for param in params {
                            let keyValue = param.components(separatedBy: "=")
                            print("keyValue\(String(describing: keyValue))")

                            if keyValue.first == "merchant_name"{
                                merchantName = keyValue.last
                                print(keyValue , "keyValue.first = \(merchantName)")
                                continue
                            } else if keyValue.first == "order_id"{
                                orderId = keyValue.last
                                print(keyValue , "keyValue.first = \(orderId)")
                                continue
                            } else if keyValue.first == "merchant_txn_id"{
                                merchantTxnId = keyValue.last
                                print(keyValue , "keyValue.first = \(merchantTxnId)")
                                continue
                            } else if keyValue.first == "status"{
                                status = keyValue.last
                                print(keyValue , "keyValue.first = \(status)")
                                continue
                            } else if keyValue.first == "payment_mode"{
                                paymentMode = keyValue.last
                                print(keyValue , "keyValue.first = \(paymentMode)")
                                continue
                            } else if keyValue.first == "amount"{
                                amount = keyValue.last
                                print(keyValue , "keyValue.first = \(amount)")
                                continue
                            }else if keyValue.first == "commission"{
                                commission = keyValue.last
                                print(keyValue , "keyValue.first = \(commission)")
                                continue
                            }else if keyValue.first == "channel"{
                                channel = keyValue.last
                                print(keyValue , "keyValue.first = \(channel)")
                                continue
                            } else {
                                print("key and value missing")
                            }
                        }

                        let merchantResponse = WibmoPayResponse(merchant_name: merchantName, order_id: orderId, merchant_txn_id: merchantTxnId, status: status, payment_mode: paymentMode, amount: amount, commission: commission, channel: channel)
                        WibmoPaySdk.sdkManager.transactionCompletionBlock?(merchantResponse,nil)
                        print("send data success")
                        self.webView!.stopLoading()
                        self.dismiss(animated: true, completion: nil)
                    }
                }else{
                    print("redirectedUrl not matching")
                }
            }
        }

    //    func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
    //        self.loadActivityIndicator.stopAnimating()
    //    }

        override var shouldAutorotate: Bool{
            return false
        }

    }

有時我會遇到此錯誤“無法向服務com.apple.WebKit.WebContent：113：找不到指定的服務發出信號”。顯示空白屏幕，然后我需要強行取消以完成它。 請幫助我解決此錯誤並實現以上的senario，我們將不勝感激。 提前致謝

Answer 1

您可以實現更多的委托方法-

func webView(WKWebView,didCommit: WKNavigation!)

當網絡視圖開始接收網絡內容時調用。

func webView(WKWebView, didReceiveServerRedirectForProvisionalNavigation: WKNavigation!)

當Web視圖接收服務器時調用。

func webView(WKWebView, didFail: WKNavigation!, withError: Error)

導航期間發生錯誤時調用。

相應地顯示和隱藏視圖和活動指示器。