iOS 解決微信h5支付無法直接返回APP的問題

? ? 由于公司的業(yè)務(wù)需要，為了節(jié)省申請(qǐng)開通微信支付的時(shí)間和人力，公司決定使用微信h5支付。這樣即節(jié)省了時(shí)間，同時(shí)以后所有的APP都能使用h5支付，既方便又快捷。

但是真正做的時(shí)候問題來了，當(dāng)你支付成功之后或者是取消支付的時(shí)候會(huì)跳轉(zhuǎn)到Safari瀏覽器，這就很尷尬了，完全無用戶體驗(yàn)啊。當(dāng)時(shí)看著Android可以直接返回到APP，心里瞬間不爽了。開始埋怨蘋果公司了，但是由于公司的業(yè)務(wù)必須要做h5，沒辦法開始找辦法解決。

下面開始我的坎坷之路了：

首先你在Xcode中，選擇你的工程設(shè)置項(xiàng)，選中“TARGETS”一欄，在“info”標(biāo)簽欄的“LSApplicationQueriesSchemes“添加weixin


然后你通過統(tǒng)一下單后臺(tái)會(huì)從微信拿到這么個(gè)鏈接https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb？prepay_id=wx20180115115052bedf091fba0369993002&package=2975002856給你

拿到這個(gè)鏈接之后我們還無法直接加載webView，如果直接加載的話他會(huì)提示

進(jìn)入微信查了一下，發(fā)現(xiàn)需要設(shè)置Referer這個(gè)請(qǐng)求頭的參數(shù)，當(dāng)然微信也給出了例子微信h5支付其他常見錯(cuò)誤。針對(duì)于這個(gè)問題在網(wǎng)上搜索了一下發(fā)現(xiàn)有專門針對(duì)于微信h5支付設(shè)置Referer的文章iOSwebView設(shè)置Referer,在這里我給大家貼一下代碼吧！

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {

NSDictionary *headers = [request allHTTPHeaderFields];

BOOL hasReferer = [headers objectForKey:@"Referer"] != nil;

if (hasReferer) {

// .. is this my referer?

return YES;

} else {

// relaunch with a modified request dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{

dispatch_async(dispatch_get_main_queue(), ^{

NSURL *url = [request URL];

NSMutableURLRequest* request = [NSMutableURLRequest requestWithURL:url cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.0];

[request setHTTPMethod:@"GET"];

[request setValue:@"http://www.xxx.com" forHTTPHeaderField: @"Referer"]; [self.myWebView loadRequest:request];

});

});

return NO;

}

}

這個(gè)http://www.xxx.com就是你們商戶申請(qǐng)H5時(shí)提交的授權(quán)域名.

走到這一步，你就可以加載webView進(jìn)行支付了，但是問題來了，不論是支付成功還是取消支付之后他都會(huì)跳轉(zhuǎn)到Safari瀏覽器，而且打開的內(nèi)容是就是你設(shè)置Referer時(shí)的授權(quán)域名http://www.xxx.com，這個(gè)家伙就是我們的公司的主頁(yè)。

那么，怎么辦呢，最后我們經(jīng)過協(xié)商，只要能支付，不管支付成功或者取消支付，只要停留在微信界面就可以了，然后讓用戶點(diǎn)擊右上角手動(dòng)返回APP，這個(gè)是沒有辦法的辦法了。然后Android那個(gè)哥們給我生成了一個(gè)weixin://wap/pay?prepayid%3Dwx201801151450335872c8f41a0452242290&package=122735683&noncestr=1515999038&sign=0b3590852e847b336e6f0187a0f56ab1這樣的鏈接，這個(gè)鏈接是通過攔截webView訪問獲取的，然后我試了一下，可以支付，也停留在了微信，于是我高高興興的去嘗試了一下。

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

通過webView的代理方法來獲取到這個(gè)鏈接，然后進(jìn)行支付，發(fā)現(xiàn)還是一樣的會(huì)跳轉(zhuǎn)到Safari瀏覽器，當(dāng)時(shí)瞬間懵逼了，怎么會(huì)這個(gè)樣子呢，不信邪的我又讓Android那個(gè)哥們攔截一個(gè)鏈接給我，嘗試一下不會(huì)跳轉(zhuǎn)瀏覽器，我又試了一下自己的攔截的鏈接還是會(huì)跳轉(zhuǎn)到Safari瀏覽器。我突然明白了這個(gè)是我設(shè)置了Referer，不管是用https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb？prepay_id=wx20180115115052bedf091fba0369993002&package=2975002856還是攔截的weixin://wap/pay?prepayid%3Dwx201801151450335872c8f41a0452242290&package=122735683&noncestr=1515999038&sign=0b3590852e847b336e6f0187a0f56ab1進(jìn)行支付都是不行的，他都會(huì)跳轉(zhuǎn)到Safari。

我當(dāng)時(shí)想要不用TFHpple解析HTML內(nèi)容吧，但是仔細(xì)一想不行的，因?yàn)轭^部沒有Referer，無法解析。最后實(shí)在沒辦法了，都準(zhǔn)備放棄了，突然想到了設(shè)置scheme，既然我可以Safari可以打開APP，那么我這肯定也能做的。于是我又信心滿滿的開始我的實(shí)驗(yàn)了。

首先要設(shè)置scheme，假如scheme設(shè)置xxxx,那么你在Safari輸入xxxx://就可以打開APP了。做到這就全部明白了，只要設(shè)置好Referer和我的scheme對(duì)應(yīng)就行了，然后我開始實(shí)驗(yàn)：

Referer設(shè)置：http://www.xxx.com ?scheme設(shè)置：http://www.xxx.com發(fā)現(xiàn)不行

我突然間發(fā)現(xiàn)是不是只要是帶有h5的授權(quán)的域名就可以呢，于是我把公司的一個(gè)鏈接www.aglhz.com/sub_property_ysq/m/html/introduction.html設(shè)置成Referer之后我發(fā)現(xiàn)我還是能支付的，我擦，突然之間發(fā)現(xiàn)了一個(gè)新的大陸啊，太激動(dòng)了，然后為了確保準(zhǔn)確性進(jìn)行了各種嘗試，發(fā)現(xiàn)只要帶有域名的都可以，然后我又進(jìn)行了一個(gè)嘗試：就是把http://去掉直接把Referer設(shè)置成：www.xxx.com，然后也是能支付的。這樣就全部OK了，我把Referer設(shè)置成：www.xxx.com://這個(gè)樣式的然后把scheme設(shè)置成：www.xxx.com這樣的話支付成功或者取消支付都可以直接返回到APP了。

所以h5支付最終返回APP的解決方案是：把Referer設(shè)置成：www.xxx.com://?scheme設(shè)置成：www.xxx.com就可以直接返回APP了。

當(dāng)然目前還沒有解決多個(gè)APP同時(shí)使用同一個(gè)授權(quán)域名時(shí)，怎么返回APP的問題，多個(gè)APP使用h5支付的話會(huì)導(dǎo)致返回錯(cuò)亂的問題，如果哪位大神知道解決辦法的話可以告訴我一下，謝謝！

同樣你如果有多個(gè)APP被同一家客戶使用的話，客戶也同意用戶點(diǎn)擊左上角手動(dòng)返回的話你可以這樣設(shè)置Referer: ?www.xxx.com/test://,這樣的話你支付成功會(huì)直接停留在微信，不會(huì)造成返回APP錯(cuò)亂的問題。

由于本人是第一次寫，可能有點(diǎn)啰嗦，不足之處請(qǐng)大家多多原諒，和指出不足之處。

由于大家都在問微信h5支付返回的問題，所以抽空寫了一個(gè)demo，針對(duì)的是webVIew和WKWebVIewdemo地址。喜歡的朋友給個(gè)star。

如果有多個(gè)APP運(yùn)用到h5支付的話，返回的Scheme設(shè)置是一個(gè)問題，在這里我給大家提供一篇文章，是解決多個(gè)APP返回的問題iOS實(shí)現(xiàn)微信外部H5支付完成后返回原APP(多APP也可實(shí)現(xiàn))

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容