? ? 由于公司的業(yè)務(wù)需要,為了節(jié)省申請開通微信支付的時(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è)請求頭的參數(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就是你們商戶申請H5時(shí)提交的授權(quán)域名.
走到這一步,你就可以加載webView進(jìn)行支付了,但是問題來了,不論是支付成功還是取消支付之后他都會(huì)跳轉(zhuǎn)到Safari瀏覽器,而且打開的內(nèi)容是就是你設(shè)置Referer時(shí)的授權(quán)域名http://www.xxx.com,這個(gè)家伙就是我們的公司的主頁。
那么,怎么辦呢,最后我們經(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)啰嗦,不足之處請大家多多原諒,和指出不足之處。
由于大家都在問微信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))