讓你不再迷茫
image
網上有很多講H5喚起支付寶和微信支付的文章,但是大部分都是粘貼代碼(并且代碼不完全),沒有講為什么,導致做這個功能的時候不好下手,下面我詳細講解一下應該怎么做,為什么要這么做,本文是Swift版本,OC可自行翻譯.
首先,原理是當用戶在H5想要喚起支付寶或者微信的時候,會出現彈框,請求前往,我們的核心就是攔截這條URL,然后轉換成我們自己想要的URL,于是我們的一切操作都是在WKWebView的代理方面里面攔截
func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
}
- 支付寶支付
func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
let urlString = navigationAction.request.url?.absoluteString
// 阿里支付 ---> 發現帶有alipays或alipay的鏈接就攔截下來,并重置URL,喚起APP
if let urlString = urlString, urlString.hasPrefix("alipays://") || urlString.hasPrefix("alipay://") {
decisionHandler(.cancel)
guard let newURLS = URL(string: YTPayUtil.changeAliPayScheme(aliPayUrl: urlString)) else {
return
}
toOpenUrl(url: newURLS)
self.isload = true
return
}
self.isload = false
decisionHandler(.allow)
return
}
- 微信支付
和支付寶的原理類似,但是復雜在第一次攔截以后需要在webview上重新加載,導致的后果就是要攔截第二次,攔截成功后就喚起APP
func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
let urlString = navigationAction.request.url?.absoluteString
//1.攔截第一次,并在webview重新加載,攔截的目的是為了換我們自己的redirect_url
if urlString?.range(of: "https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb") != nil && !self.isload{
if var mUrlStr = urlString {
decisionHandler(.cancel)
// 替換掉redirect_url
mUrlStr = mUrlStr.replacingOccurrences(of: "redirect_url=", with: "redirect_url_app=")
guard let newURLS = URL(string: mUrlStr) else {
return
}
var mRequest = URLRequest.init(url: newURLS, cachePolicy: .useProtocolCachePolicy, timeoutInterval: 60)
mRequest.setValue("\(kWechatScheme)://", forHTTPHeaderField: "Referer")
webView.load(mRequest)
self.isload = true
return
}
}
2.發現weixin://wap/pay開發的鏈接,說明是微信支付的鏈接,攔截下來并喚起APP
if urlString?.range(of: "weixin://wap/pay?") != nil {
self.isload = false
decisionHandler(.cancel)
if let mUrlStr = urlString, let openWX = URL(string: mUrlStr) {
toOpenUrl(url: openWX)
}
return
}
self.isload = false
decisionHandler(.allow)
return
}
- 公用方法
func toOpenUrl(url: URL) {
if (UIApplication.shared.canOpenURL(url)) {
UIApplication.shared.openURL(url)
}
// 回到上一級頁面
// 1.防止因為load上面的微信支付url而出現的白屏
// 2.防止停留在支付寶支付確認頁面
DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
if self.wkWebView?.canGoBack ?? false {
self.wkWebView?.goBack()
}
}
}
