Saltar al contenido principal

WKWebView

Para el escenario de uso en iOS, usar WKWebView es uno de los enfoques recomendados.

Después de crear la transacción y obtener el enlace de la transacción, se recomienda la siguiente implementación:

  • En tu flujo habitual (que incluye Verificación de Tarjeta No Presente), abrirás el WKWebView con el enlace generado a través de la API;
  • Puedes personalizar esta apertura según lo necesites para tu app;
  • Monitorearás si la URL ha cambiado (hacia redirectUrl) y luego cerrarás el WKWebView.

Abrir un WKWebView es bastante simple:

import UIKit
import WebKit
import SafariServices

var webView: WKWebView!

override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
self.view.backgroundColor = .white
}

@IBAction func open(_ sender: Any) {
createWKWebViewFull()
}

func createWKWebViewFull() {
webView = WKWebView(frame: self.view.bounds, configuration: getWKWebViewConfiguration())
webView.navigationDelegate = self
view.addSubview(webView)
self.loadUrl()
}

func loadUrl() {
if let url = URL(string:"<URL_TO_LOAD>") {
webView.load(URLRequest(url: url))
webView.allowsBackForwardNavigationGestures = true
}
}

private func getWKWebViewConfiguration() -> WKWebViewConfiguration {
let config = WKWebViewConfiguration()
config.allowsInlineMediaPlayback = true
config.mediaTypesRequiringUserActionForPlayback = []

return config
}

Para controlar cuándo cerrar el WKWebView, esto se puede hacer de la siguiente manera:

func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) {
if let currentURL = webView.url {
print("URL changed to: \(currentURL.absoluteString)")
if currentURL.absoluteString == "<URL_TO_OBSERVER>" {
closeWebView()
}
}
}

@objc func closeWebView() {
DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
self.webView.removeFromSuperview()
}
}
nota

Es necesario contar con algunos permisos para que funcione correctamente, tales como:

  • Cámara
  • Geolocalización

Para obtener más información, recomendamos leer la documentación oficial de WKWebView.