由于公司的業(yè)務(wù)需要民褂,為了節(jié)省申請開通微信支付的時間和人力茄菊,公司決定使用微信h5支付。這樣即節(jié)省了時間赊堪,同時以后所有的APP都能使用h5支付面殖,既方便又快捷。
但是真正做的時候問題來了雹食,當(dāng)你支付成功之后或者是取消支付的時候會跳轉(zhuǎn)到Safari瀏覽器畜普,這就很尷尬了,完全無用戶體驗啊群叶。當(dāng)時看著Android可以直接返回到APP吃挑,心里瞬間不爽了。開始埋怨蘋果公司了街立,但是由于公司的業(yè)務(wù)必須要做h5舶衬,沒辦法開始找辦法解決。
下面開始我的坎坷之路了:
首先你在Xcode中赎离,選擇你的工程設(shè)置項逛犹,選中“TARGETS”一欄,在“info”標(biāo)簽欄的“LSApplicationQueriesSchemes“添加weixin
然后你通過統(tǒng)一下單后臺會從微信拿到這么個鏈接https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmwebprepay_id=wx20180115115052bedf091fba0369993002&package=2975002856給你
拿到這個鏈接之后我們還無法直接加載webView梁剔,如果直接加載的話他會提示
進入微信查了一下虽画,發(fā)現(xiàn)需要設(shè)置Referer這個請求頭的參數(shù),當(dāng)然微信也給出了例子微信h5支付其他常見錯誤荣病。針對于這個問題在網(wǎng)上搜索了一下發(fā)現(xiàn)有專門針對于微信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;
}
}
這個http://www.xxx.com就是你們商戶申請H5時提交的授權(quán)域名.
走到這一步,你就可以加載webView進行支付了个盆,但是問題來了脖岛,不論是支付成功還是取消支付之后他都會跳轉(zhuǎn)到Safari瀏覽器,而且打開的內(nèi)容是就是你設(shè)置Referer時的授權(quán)域名http://www.xxx.com颊亮,這個家伙就是我們的公司的主頁柴梆。
那么,怎么辦呢终惑,最后我們經(jīng)過協(xié)商绍在,只要能支付,不管支付成功或者取消支付,只要停留在微信界面就可以了揣苏,然后讓用戶點擊右上角手動返回APP悯嗓,這個是沒有辦法的辦法了。
1
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
通過webView的代理方法來獲取到這個鏈接卸察,然后進行支付脯厨,發(fā)現(xiàn)還是一樣的會跳轉(zhuǎn)到Safari瀏覽器,當(dāng)時瞬間懵逼了坑质,怎么會這個樣子呢合武,不信邪的我又讓Android那個哥們攔截一個鏈接給我,嘗試一下不會跳轉(zhuǎn)瀏覽器涡扼,我又試了一下自己的攔截的鏈接還是會跳轉(zhuǎn)到Safari瀏覽器稼跳。我突然明白了這個是我設(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進行支付都是不行的汤善,他都會跳轉(zhuǎn)到Safari。
我當(dāng)時想要不用TFHpple解析HTML內(nèi)容吧票彪,但是仔細(xì)一想不行的红淡,因為頭部沒有Referer,無法解析降铸。最后實在沒辦法了在旱,都準(zhǔn)備放棄了,突然想到了設(shè)置scheme推掸,既然我可以Safari可以打開APP桶蝎,那么我這肯定也能做的。于是我又信心滿滿的開始我的實驗了谅畅。
首先要設(shè)置scheme登渣,假如scheme設(shè)置xxxx,那么你在Safari輸入xxxx://就可以打開APP了。做到這就全部明白了毡泻,只要設(shè)置好Referer和我的scheme對應(yīng)就行了绍豁,然后我開始實驗:
Referer設(shè)置:http://www.xxx.com ?scheme設(shè)置:http://www.xxx.com發(fā)現(xiàn)不行
我突然間發(fā)現(xiàn)是不是只要是帶有h5的授權(quán)的域名就可以呢,于是我把公司的一個鏈接設(shè)置成Referer之后我發(fā)現(xiàn)我還是能支付的牙捉,我擦,突然之間發(fā)現(xiàn)了一個新的大陸啊敬飒,太激動了邪铲,然后為了確保準(zhǔn)確性進行了各種嘗試,發(fā)現(xiàn)只要帶有域名的都可以无拗,然后我又進行了一個嘗試:就是把http://去掉直接把Referer設(shè)置成:www.xxx.com带到,然后也是能支付的。這樣就全部OK了英染,我把Referer設(shè)置成:www.xxx.com://這個樣式的然后把scheme設(shè)置成:www.xxx.com這樣的話支付成功或者取消支付都可以直接返回到APP了揽惹。
所以h5支付最終返回APP的解決方案是:把Referer設(shè)置成:www.xxx.com://?scheme設(shè)置成:www.xxx.com就可以直接返回APP了被饿。
當(dāng)然目前還沒有解決多個APP同時使用同一個授權(quán)域名時,怎么返回APP的問題搪搏,多個APP使用h5支付的話會導(dǎo)致返回錯亂的問題狭握,如果哪位大神知道解決辦法的話可以告訴我一下,謝謝疯溺!
同樣你如果有多個APP被同一家客戶使用的話论颅,客戶也同意用戶點擊左上角手動返回的話你可以這樣設(shè)置Referer: ?www.xxx.com/test://,這樣的話你支付成功會直接停留在微信,不會造成返回APP錯亂的問題囱嫩。