? ? 由于公司的業(yè)務需要，為了節(jié)省申請開通微信支付的時間和人力，公司決定使用微信h5支付。這樣即節(jié)省了時間，同時以后所有的APP都能使用h5支付，既方便又快捷。
但是真正做的時候問題來了，當你支付成功之后或者是取消支付的時候會跳轉(zhuǎn)到Safari瀏覽器，這就很尷尬了，完全無用戶體驗啊。當時看著Android可以直接返回到APP，心里瞬間不爽了。開始埋怨蘋果公司了，但是由于公司的業(yè)務必須要做h5，沒辦法開始找辦法解決。
下面開始我的坎坷之路了：
首先你在Xcode中，選擇你的工程設置項，選中“TARGETS”一欄，在“info”標簽欄的“LSApplicationQueriesSchemes“添加weixin
然后你通過統(tǒng)一下單后臺會從微信拿到這么個鏈接https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb？prepay_id=wx20180115115052bedf091fba0369993002&package=2975002856給你
拿到這個鏈接之后我們還無法直接加載webView，如果直接加載的話他會提示
進入微信查了一下，發(fā)現(xiàn)需要設置Referer這個請求頭的參數(shù)，當然微信也給出了例子微信h5支付其他常見錯誤。針對于這個問題在網(wǎng)上搜索了一下發(fā)現(xiàn)有專門針對于微信h5支付設置Referer的文章iOSwebView設置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;
}
}
這個http://www.xxx.com就是你們商戶申請H5時提交的授權域名.
走到這一步，你就可以加載webView進行支付了，但是問題來了，不論是支付成功還是取消支付之后他都會跳轉(zhuǎn)到Safari瀏覽器，而且打開的內(nèi)容是就是你設置Referer時的授權域名http://www.xxx.com，這個家伙就是我們的公司的主頁。
那么，怎么辦呢，最后我們經(jīng)過協(xié)商，只要能支付，不管支付成功或者取消支付，只要停留在微信界面就可以了，然后讓用戶點擊右上角手動返回APP，這個是沒有辦法的辦法了。然后Android那個哥們給我生成了一個weixin://wap/pay?prepayid%3Dwx201801151450335872c8f41a0452242290&package=122735683&noncestr=1515999038&sign=0b3590852e847b336e6f0187a0f56ab1這樣的鏈接，這個鏈接是通過攔截webView訪問獲取的，然后我試了一下，可以支付，也停留在了微信，于是我高高興興的去嘗試了一下。
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
通過webView的代理方法來獲取到這個鏈接，然后進行支付，發(fā)現(xiàn)還是一樣的會跳轉(zhuǎn)到Safari瀏覽器，當時瞬間懵逼了，怎么會這個樣子呢，不信邪的我又讓Android那個哥們攔截一個鏈接給我，嘗試一下不會跳轉(zhuǎn)瀏覽器，我又試了一下自己的攔截的鏈接還是會跳轉(zhuǎn)到Safari瀏覽器。我突然明白了這個是我設置了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進行支付都是不行的，他都會跳轉(zhuǎn)到Safari。
我當時想要不用TFHpple解析HTML內(nèi)容吧，但是仔細一想不行的，因為頭部沒有Referer，無法解析。最后實在沒辦法了，都準備放棄了，突然想到了設置scheme，既然我可以Safari可以打開APP，那么我這肯定也能做的。于是我又信心滿滿的開始我的實驗了。
首先要設置scheme，假如scheme設置xxxx,那么你在Safari輸入xxxx://就可以打開APP了。做到這就全部明白了，只要設置好Referer和我的scheme對應就行了，然后我開始實驗：
Referer設置：http://www.xxx.com ?scheme設置：http://www.xxx.com發(fā)現(xiàn)不行
我突然間發(fā)現(xiàn)是不是只要是帶有h5的授權的域名就可以呢，于是我把公司的一個鏈接www.aglhz.com/sub_property_ysq/m/html/introduction.html設置成Referer之后我發(fā)現(xiàn)我還是能支付的，我擦，突然之間發(fā)現(xiàn)了一個新的大陸啊，太激動了，然后為了確保準確性進行了各種嘗試，發(fā)現(xiàn)只要帶有域名的都可以，然后我又進行了一個嘗試：就是把http://去掉直接把Referer設置成：www.xxx.com，然后也是能支付的。這樣就全部OK了，我把Referer設置成：www.xxx.com://這個樣式的然后把scheme設置成：www.xxx.com這樣的話支付成功或者取消支付都可以直接返回到APP了。
所以h5支付最終返回APP的解決方案是：把Referer設置成：www.xxx.com://?scheme設置成：www.xxx.com就可以直接返回APP了。
當然目前還沒有解決多個APP同時使用同一個授權域名時，怎么返回APP的問題，多個APP使用h5支付的話會導致返回錯亂的問題，如果哪位大神知道解決辦法的話可以告訴我一下，謝謝！
同樣你如果有多個APP被同一家客戶使用的話，客戶也同意用戶點擊左上角手動返回的話你可以這樣設置Referer: ?www.xxx.com/test://,這樣的話你支付成功會直接停留在微信，不會造成返回APP錯亂的問題。
由于本人是第一次寫，可能有點啰嗦，不足之處請大家多多原諒，和指出不足之處。
由于大家都在問微信h5支付返回的問題，所以抽空寫了一個demo，針對的是webVIew和WKWebVIewdemo地址。喜歡的朋友給個star。
如果有多個APP運用到h5支付的話，返回的Scheme設置是一個問題，在這里我給大家提供一篇文章，是解決多個APP返回的問題iOS實現(xiàn)微信外部H5支付完成后返回原APP(多APP也可實現(xiàn))
