swift中的WKwebview
我在xib中有一个viewController,我正在以编程方式添加web视图,我在视图中添加了背景色,并在xib中添加了ActivityIndicator,基本上,我想在web视图加载时显示此视图和activityIndicator,一旦web视图完成,我想隐藏视图并停止activityIndicator,当我在web视图中单击任何操作时,然后再次显示视图并启动activityLoader。我已将我的代码粘贴在任何建议下面,如果我有任何错误,请随时指导请允许我实现上述场景并帮助我 在web视图加载时,运行下面的代码是see dark view和NOActivityIndicator加载swift中的WKwebview,swift,Swift,我在xib中有一个viewController,我正在以编程方式添加web视图,我在视图中添加了背景色,并在xib中添加了ActivityIndicator,基本上,我想在web视图加载时显示此视图和activityIndicator,一旦web视图完成,我想隐藏视图并停止activityIndicator,当我在web视图中单击任何操作时,然后再次显示视图并启动activityLoader。我已将我的代码粘贴在任何建议下面,如果我有任何错误,请随时指导请允许我实现上述场景并帮助我 在web视图
//
// 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,任何帮助将不胜感激。
提前感谢您可以实施更多委托方法-
func webView(WKWebView,didCommit: WKNavigation!)
当web视图开始接收web内容时调用
func webView(WKWebView, didReceiveServerRedirectForProvisionalNavigation: WKNavigation!)
当web视图接收服务器时调用
func webView(WKWebView, didFail: WKNavigation!, withError: Error)
在导航过程中发生错误时调用
相应地显示和隐藏视图和活动指示器。您可以实现更多委托方法-
func webView(WKWebView,didCommit: WKNavigation!)
当web视图开始接收web内容时调用
func webView(WKWebView, didReceiveServerRedirectForProvisionalNavigation: WKNavigation!)
当web视图接收服务器时调用
func webView(WKWebView, didFail: WKNavigation!, withError: Error)
在导航过程中发生错误时调用
相应地显示和隐藏视图和活动指示器。注释不用于扩展讨论;此对话已结束。我必须添加laodview.addsubview(指示器)是的,您需要此评论不用于扩展讨论;此对话已结束。我必须添加laodview.addsubview(指示器)是的,您需要此