iOS APP實(shí)現(xiàn)微信H5支付示例總結(jié)
微信H5支付流程
1、發(fā)起下單請(qǐng)求(調(diào)用統(tǒng)一下單接口)注:交易類型trade_type=MWEB
2、統(tǒng)一下單接口返回支付相關(guān)參數(shù)給商戶后臺(tái),如支付跳轉(zhuǎn)url(參數(shù)名“mweb_url”),商戶通過mweb_url調(diào)起微信支付中間頁。如:https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx27142704550165900edae5270331515985&package=600759311&redirect_url=http%3a%2f%2www.baidu.com
3、中間頁進(jìn)行H5權(quán)限的校驗(yàn),安全性檢查(具體錯(cuò)誤見微信官方文檔)
4、如果權(quán)限校驗(yàn)成功,微信支付中間頁會(huì)發(fā)起支付請(qǐng)求。請(qǐng)求完畢跳到回調(diào)頁面(由redirect_url決定)。APP需要在webView中監(jiān)聽這個(gè)請(qǐng)求,打開微信進(jìn)行支付。如:weixin://wap/pay?prepayid%3Dwx2718114258281033efb8751f1574826586&package=2965581453&noncestr=1545905512&sign=cb0f6dbd067549a04aada9c3eef09aac
5、微信支付完畢跳回APP。
Referer和redirect_url說明
HTTP Referer是header的一部分,當(dāng)瀏覽器向web服務(wù)器發(fā)起請(qǐng)求的時(shí),一般會(huì)帶上Referer,告訴服務(wù)器我是從哪個(gè)頁面鏈接過來。微信中間頁會(huì)對(duì)Referer進(jìn)行校驗(yàn),非安全域名將不能正常加載。
redirect_url是微信中間頁喚起微信支付之后,頁面重定向的地址。中間頁喚起微信支付后會(huì)跳轉(zhuǎn)到指定的redirect_url。并且微信APP在支付完成時(shí),也是通過redirect_url回調(diào)結(jié)果,redirect_url一般是一個(gè)頁面地址,所以微信支付完成會(huì)打開Safari瀏覽器。本文通過修改redirect_url,實(shí)現(xiàn)微信支付完畢跳回當(dāng)前APP。
注意:微信會(huì)校驗(yàn)Referer(來源)和redirect_url(目標(biāo))是否是安全域名。如果不傳redirect_url,微信會(huì)將Referer當(dāng)成redirect_url,喚起支付之后會(huì)重定向到Referer對(duì)應(yīng)的頁面。
建議帶上redirect_url。
代碼實(shí)現(xiàn)
1、info.plist配置scheme
需要將微信H5支付的安全域名配置成scheme,微信支付完成會(huì)通過這個(gè)scheme跳轉(zhuǎn)回APP。
<key>CFBundleURLTypes</key> <array> <dict> <key>CFBundleTypeRole</key> <string>Editor</string> <key>CFBundleURLName</key> <string>wxPay</string> <key>CFBundleURLSchemes</key> <array> <string>微信scheme(安全域名)</string> </array> </dict> </array> <key>LSApplicationQueriesSchemes</key> <array> <string>wechat</string> <string>weixin</string> </array>
2、攔截微信中間頁,截取redirect_url
再shouldStartLoadWithRequest:方法里面攔截微信中間頁(以“https://wx.tenpay.com”開頭的請(qǐng)求),截取redirect_url,如果redirect_url已經(jīng)被替換成scheme不攔截,如果沒有被替換,攔截請(qǐng)求,保存當(dāng)前的redirect_url。創(chuàng)建一個(gè)新的微信中間頁請(qǐng)求,將redirect_url替換成“安全域名://”(微信支付完畢會(huì)通過openURL打開當(dāng)前APP,如果不替換redirect_url,微信支付完畢會(huì)打開Safari瀏覽器。)。設(shè)置“Referer”為安全域名(微信會(huì)校驗(yàn)Referer,不是安全域名會(huì)加載失敗),重新load請(qǐng)求。
//這個(gè)referer和安全域名以及配置在info.plist中scheme一致
NSString *referer = [NSString stringWithFormat:@"%@://",wxScheme];
if ([newUrl rangeOfString:@"https://wx.tenpay.com"].location != NSNotFound) {
//截取redirect_url對(duì)應(yīng)的值
NSDictionary *params = [HJStringHelper getUrlParam:newUrl];
NSString *backUrl = params[@"redirect_url"];
if ([backUrl isEqualToString:referer]) {
//截取redirect_url被替換成referer,不攔截
return YES;
}else{
//記錄當(dāng)前的redirectUrl,并攔截請(qǐng)求
self.redirectUrl = [HJStringHelper decodeURL:backUrl];
dispatch_async(dispatch_get_main_queue(), ^{
NSRange range = [newUrl rangeOfString:@"redirect_url="];
NSString *reqUrl;
if (range.length>0) {
reqUrl = [newUrl substringToIndex:range.location+range.length];
reqUrl = [reqUrl stringByAppendingString:referer];
}else{
reqUrl = [newUrl stringByAppendingString:[NSString stringWithFormat:@"&redirect_url=%@",referer]];
}
NSMutableURLRequest* request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:reqUrl] cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.0];
//設(shè)置授權(quán)域名
[request setValue:referer forHTTPHeaderField:@"Referer"];
[self.webView loadRequest:request];
});
return NO;
}
}
2、攔截微信中間頁中打開微信請(qǐng)求
微信中間頁加載成功后,會(huì)收到一個(gè)打開微信的請(qǐng)求,用openURL:打開這個(gè)url實(shí)現(xiàn)跳轉(zhuǎn)到微信支付。
if([newUrl rangeOfString:@"weixin://wap/pay"].location != NSNotFound){
if ([[UIApplication sharedApplication] canOpenURL:url]) {
if (@available(iOS 10.0, *)){
[[UIApplication sharedApplication] openURL:url options:@{} completionHandler:nil];
}else{
[[UIApplication sharedApplication] openURL:url];
}
}else{
}
return NO;
}
3、加載重定向地址
微信中間頁跳轉(zhuǎn)到微信時(shí),會(huì)將頁面從定向到redirect_url,由于redirect_url被我們修改為scheme,所以需要攔截這個(gè)非法的scheme請(qǐng)求,替換成記錄下的redirect_url。
if([newUrl isEqualToString:referer]){
dispatch_async(dispatch_get_main_queue(), ^{
if (self.redirectUrl) {
//注意,這個(gè)地方需要對(duì)redirectUrl解碼,因?yàn)榻厝〉膔edirectUrl被完全編碼了,需要先解碼才能加載
self.redirectUrl = [HJStringHelper decodeURL:self.redirectUrl];
NSMutableURLRequest* request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:[HJStringHelper encodeURL:self.redirectUrl]] cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.0];
[self.webView loadRequest:request];
self.redirectUrl = nil;
}
});
return NO;
}
完整代碼如下
以UIWebView為例
-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
//添加微信支付功能
NSURL *url = [request URL];
NSString *newUrl = url.absoluteString;
//獲取微信安全域名
NSString *wxScheme = [h5WXPayScheme copy];
if (wxScheme.length>0) {
//使用安全域名拼接referer
NSString *referer = [NSString stringWithFormat:@"%@://",wxScheme];
if ([newUrl rangeOfString:@"https://wx.tenpay.com"].location != NSNotFound) {
NSDictionary *params = [HJStringHelper getUrlParam:newUrl];
NSString *backUrl = params[@"redirect_url"];
if ([backUrl isEqualToString:referer]) {
return YES;
}else{
self.redirectUrl = [HJStringHelper decodeURL:backUrl];
dispatch_async(dispatch_get_main_queue(), ^{
NSRange range = [newUrl rangeOfString:@"redirect_url="];
NSString *reqUrl;
if (range.length>0) {
reqUrl = [newUrl substringToIndex:range.location+range.length];
reqUrl = [reqUrl stringByAppendingString:referer];
}else{
reqUrl = [newUrl stringByAppendingString:[NSString stringWithFormat:@"&redirect_url=%@",referer]];
}
NSMutableURLRequest* request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:reqUrl] cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.0];
//設(shè)置授權(quán)域名
[request setValue:referer forHTTPHeaderField:@"Referer"];
[self.webView loadRequest:request];
});
return NO;
}
}else if([newUrl rangeOfString:@"weixin://wap/pay"].location != NSNotFound){
if ([[UIApplication sharedApplication] canOpenURL:url]) {
if (@available(iOS 10.0, *)){
[[UIApplication sharedApplication] openURL:url options:@{} completionHandler:nil];
}else{
[[UIApplication sharedApplication] openURL:url];
}
}else{
}
return NO;
}else if([newUrl isEqualToString:referer]){
dispatch_async(dispatch_get_main_queue(), ^{
if (self.redirectUrl) {
self.redirectUrl = [HJStringHelper decodeURL:self.redirectUrl];
NSMutableURLRequest* request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:[HJStringHelper encodeURL:self.redirectUrl]] cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:60.0];
[self.webView loadRequest:request];
self.redirectUrl = nil;
}
});
return NO;
}
}
return [super webView:webView shouldStartLoadWithRequest:request navigationType:navigationType];
}
還有一篇文章講的是H5支付封裝,H5支付不僅可以在網(wǎng)頁上使用,原生也可以調(diào)用。具體內(nèi)容見:iOS-H5支付(微信、支付寶)原生封裝
到此這篇關(guān)于iOS APP實(shí)現(xiàn)微信H5支付示例總結(jié)的文章就介紹到這了,更多相關(guān)iOS APP實(shí)現(xiàn)微信H5支付內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
iOS開發(fā)中使用UIScrollView實(shí)現(xiàn)圖片輪播和點(diǎn)擊加載
這篇文章主要介紹了iOS開發(fā)中使用UIScrollView實(shí)現(xiàn)圖片輪播和點(diǎn)擊加載的方法,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-12-12
iOS App初次啟動(dòng)時(shí)的用戶引導(dǎo)頁制作實(shí)例分享
這篇文章主要介紹了iOS App初次啟動(dòng)時(shí)的用戶引導(dǎo)頁制作實(shí)例分享,其中判斷程序是否是第一次或版本更新以后第一次啟動(dòng)是一個(gè)關(guān)鍵點(diǎn),需要的朋友可以參考下2016-03-03
iOS 11更新后及iPhone X推出后工程中遇到的問題及適配方法
這篇文章主要介紹了iOS 11更新后及iPhone X推出后工程中遇到的問題及適配,需要的朋友可以參考下2017-10-10
iOS開發(fā)之App主題切換解決方案完整版(Swift版)
這篇文章主要為大家詳細(xì)介紹了iOS開發(fā)之App主題切換完整解決方案,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02
Flutter?GetPageRoute實(shí)現(xiàn)嵌套導(dǎo)航學(xué)習(xí)
這篇文章主要為大家介紹了Flutter?GetPageRoute實(shí)現(xiàn)嵌套導(dǎo)航的示例學(xué)習(xí),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08

