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

由于公司的業務需要,為了節省申請開通微信支付的時間和人力,公司決定使用微信h5支付。這樣即節省了時間,同時以后所有的APP都能使用h5支付,既方便又快捷。

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

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

首先你在Xcode中,選擇你的工程設置項,選中“TARGETS”一欄,在“info”標簽欄的“LSApplicationQueriesSchemes“添加weixin

然后你通過統一下單后臺會從微信拿到這么個鏈接https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmwebprepay_id=wx20180115115052bedf091fba0369993002&package=2975002856給你

拿到這個鏈接之后我們還無法直接加載webView,如果直接加載的話他會提示

進入微信查了一下,發現需要設置Referer這個請求頭的參數,當然微信也給出了例子微信h5支付其他常見錯誤。針對于這個問題在網上搜索了一下發現有專門針對于微信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進行支付了,但是問題來了,不論是支付成功還是取消支付之后他都會跳轉到Safari瀏覽器,而且打開的內容是就是你設置Referer時的授權域名http://www.xxx.com,這個家伙就是我們的公司的主頁。

那么,怎么辦呢,最后我們經過協商,只要能支付,不管支付成功或者取消支付,只要停留在微信界面就可以了,然后讓用戶點擊右上角手動返回APP,這個是沒有辦法的辦法了。

1

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

通過webView的代理方法來獲取到這個鏈接,然后進行支付,發現還是一樣的會跳轉到Safari瀏覽器,當時瞬間懵逼了,怎么會這個樣子呢,不信邪的我又讓Android那個哥們攔截一個鏈接給我,嘗試一下不會跳轉瀏覽器,我又試了一下自己的攔截的鏈接還是會跳轉到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進行支付都是不行的,他都會跳轉到Safari。

我當時想要不用TFHpple解析HTML內容吧,但是仔細一想不行的,因為頭部沒有Referer,無法解析。最后實在沒辦法了,都準備放棄了,突然想到了設置scheme,既然我可以Safari可以打開APP,那么我這肯定也能做的。于是我又信心滿滿的開始我的實驗了。

首先要設置scheme,假如scheme設置xxxx,那么你在Safari輸入xxxx://就可以打開APP了。做到這就全部明白了,只要設置好Referer和我的scheme對應就行了,然后我開始實驗:

Referer設置:http://www.xxx.com ?scheme設置:http://www.xxx.com發現不行

我突然間發現是不是只要是帶有h5的授權的域名就可以呢,于是我把公司的一個鏈接設置成Referer之后我發現我還是能支付的,我擦,突然之間發現了一個新的大陸啊,太激動了,然后為了確保準確性進行了各種嘗試,發現只要帶有域名的都可以,然后我又進行了一個嘗試:就是把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錯亂的問題。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,578評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,701評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,691評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,974評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,694評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,026評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,015評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,193評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,719評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,442評論 3 360
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,668評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,151評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,846評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,255評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,592評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,394評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,635評論 2 380

推薦閱讀更多精彩內容