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)文章
設(shè)計(jì)模式中的迭代器模式在Cocoa Touch框架中的使用
這篇文章主要介紹了設(shè)計(jì)模式中的迭代器模式在Cocoa Touch框架中的使用,示例代碼為傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-03-03
iOS中利用CAGradientLayer繪制漸變色的方法實(shí)例
有時(shí)候iOS開發(fā)中需要使用到漸變色，來給圖片或者view蓋上一層，使其顯示效果更好，所以這篇文章主要給大家介紹了關(guān)于iOS中利用CAGradientLayer繪制漸變色的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。2017-11-11
iOS中Label實(shí)現(xiàn)顯示不同顏色與字體的方法
這篇文章主要給大家介紹了關(guān)于在iOS中Label實(shí)現(xiàn)顯示不同顏色與字體的相關(guān)資料，文中分別介紹了利用range或者文字兩種實(shí)現(xiàn)的方法，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-11-11
文字漸變色可以使整體的效果更上一個(gè)檔次，最近在開發(fā)中就遇到了這個(gè)需求，所以整理出來，下面這篇文章主要給大家介紹了關(guān)于iOS Label實(shí)現(xiàn)文字漸變色效果的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-05-05
這篇文章主要為大家詳細(xì)介紹了基于iOS實(shí)現(xiàn)圖片折疊效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
iOS使用CoreMotion實(shí)現(xiàn)搖一搖功能
這篇文章主要為大家詳細(xì)介紹了iOS使用CoreMotion實(shí)現(xiàn)搖一搖功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-06-06
關(guān)于iOS 11的一些新特性適配實(shí)踐總結(jié)
iOS 11 為整個(gè)生態(tài)系統(tǒng)的 UI 元素帶來了一種更加大膽、動(dòng)態(tài)的新風(fēng)格。下面這篇文章主要給大家總結(jié)介紹了關(guān)于iOS 11的一些新特性適配實(shí)踐，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-11-11
IOS實(shí)現(xiàn)上滑隱藏NvaigtionBar而下拉則顯示效果
這篇文章給大家介紹了如何實(shí)現(xiàn)APP上滑時(shí)隱藏navigationBar而下拉則又會(huì)顯示,雖然也是隱藏但是效果和其他完全不一樣，因?yàn)橐郧皼]做過所以試著去實(shí)現(xiàn)一下，現(xiàn)在分享給大家，有需要的可以參考借鑒。2016-09-09
iOS實(shí)現(xiàn)無限循環(huán)滾動(dòng)的TableView實(shí)戰(zhàn)教程
這篇文章主要給大家介紹了關(guān)于iOS實(shí)現(xiàn)無限循環(huán)滾動(dòng)的TableView的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-05-05
這篇文章主要為大家詳細(xì)介紹了iOS 10適配問題,總結(jié)了一些關(guān)于iOS10適配方面的問題,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09