iOS APP實(shí)現(xiàn)微信H5支付示例總結(jié)
微信H5支付流程
1、發(fā)起下單請(qǐng)求（調(diào)用統(tǒng)一下單接口）注：交易類(lèi)型trade_type=MWEB
2、統(tǒng)一下單接口返回支付相關(guān)參數(shù)給商戶后臺(tái)，如支付跳轉(zhuǎn)url（參數(shù)名“mweb_url”），商戶通過(guò)mweb_url調(diào)起微信支付中間頁(yè)。如：https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx27142704550165900edae5270331515985&package=600759311&redirect_url=http%3a%2f%2www.baidu.com
3、中間頁(yè)進(jìn)行H5權(quán)限的校驗(yàn)，安全性檢查（具體錯(cuò)誤見(jiàn)微信官方文檔）
4、如果權(quán)限校驗(yàn)成功，微信支付中間頁(yè)會(huì)發(fā)起支付請(qǐng)求。請(qǐng)求完畢跳到回調(diào)頁(yè)面(由redirect_url決定)。APP需要在webView中監(jiān)聽(tīng)這個(gè)請(qǐng)求，打開(kāi)微信進(jìn)行支付。如：weixin://wap/pay?prepayid%3Dwx2718114258281033efb8751f1574826586&package=2965581453&noncestr=1545905512&sign=cb0f6dbd067549a04aada9c3eef09aac
5、微信支付完畢跳回APP。
Referer和redirect_url說(shuō)明
HTTP Referer是header的一部分，當(dāng)瀏覽器向web服務(wù)器發(fā)起請(qǐng)求的時(shí)，一般會(huì)帶上Referer，告訴服務(wù)器我是從哪個(gè)頁(yè)面鏈接過(guò)來(lái)。微信中間頁(yè)會(huì)對(duì)Referer進(jìn)行校驗(yàn)，非安全域名將不能正常加載。
redirect_url是微信中間頁(yè)喚起微信支付之后，頁(yè)面重定向的地址。中間頁(yè)喚起微信支付后會(huì)跳轉(zhuǎn)到指定的redirect_url。并且微信APP在支付完成時(shí)，也是通過(guò)redirect_url回調(diào)結(jié)果，redirect_url一般是一個(gè)頁(yè)面地址，所以微信支付完成會(huì)打開(kāi)Safari瀏覽器。本文通過(guò)修改redirect_url，實(shí)現(xiàn)微信支付完畢跳回當(dāng)前APP。
注意：微信會(huì)校驗(yàn)Referer(來(lái)源)和redirect_url(目標(biāo))是否是安全域名。如果不傳redirect_url，微信會(huì)將Referer當(dāng)成redirect_url，喚起支付之后會(huì)重定向到Referer對(duì)應(yīng)的頁(yè)面。
建議帶上redirect_url。
代碼實(shí)現(xiàn)
1、info.plist配置scheme
需要將微信H5支付的安全域名配置成scheme,微信支付完成會(huì)通過(guò)這個(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、攔截微信中間頁(yè)，截取redirect_url
再shouldStartLoadWithRequest:方法里面攔截微信中間頁(yè)(以“https://wx.tenpay.com”開(kāi)頭的請(qǐng)求)，截取redirect_url,如果redirect_url已經(jīng)被替換成scheme不攔截，如果沒(méi)有被替換，攔截請(qǐng)求，保存當(dāng)前的redirect_url。創(chuàng)建一個(gè)新的微信中間頁(yè)請(qǐng)求，將redirect_url替換成“安全域名://”（微信支付完畢會(huì)通過(guò)openURL打開(kāi)當(dāng)前APP，如果不替換redirect_url,微信支付完畢會(huì)打開(kāi)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、攔截微信中間頁(yè)中打開(kāi)微信請(qǐng)求
微信中間頁(yè)加載成功后，會(huì)收到一個(gè)打開(kāi)微信的請(qǐng)求，用openURL:打開(kāi)這個(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、加載重定向地址
微信中間頁(yè)跳轉(zhuǎn)到微信時(shí)，會(huì)將頁(yè)面從定向到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)頁(yè)上使用，原生也可以調(diào)用。具體內(nèi)容見(jiàn):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)文章
本文給大家通過(guò)一些簡(jiǎn)單的實(shí)戰(zhàn)來(lái)講解使用ARM匯編進(jìn)行IOS逆向工程的方法，十分的實(shí)用，有需要的小伙伴可以參考下2015-11-11
這篇文章主要為大家介紹了iOS微信分享配置universal?links步驟詳細(xì)解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
iOS開(kāi)發(fā)中使用UIScrollView實(shí)現(xiàn)圖片輪播和點(diǎn)擊加載
這篇文章主要介紹了iOS開(kāi)發(fā)中使用UIScrollView實(shí)現(xiàn)圖片輪播和點(diǎn)擊加載的方法,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-12-12
iOS App初次啟動(dòng)時(shí)的用戶引導(dǎo)頁(yè)制作實(shí)例分享
這篇文章主要介紹了iOS App初次啟動(dòng)時(shí)的用戶引導(dǎo)頁(yè)制作實(shí)例分享,其中判斷程序是否是第一次或版本更新以后第一次啟動(dòng)是一個(gè)關(guān)鍵點(diǎn),需要的朋友可以參考下2016-03-03
IOS中無(wú)限滾動(dòng)Scrollview效果
這篇文章主要為大家詳細(xì)介紹了IOS中無(wú)限滾動(dòng)Scrollview效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-02-02
iOS 11更新后及iPhone X推出后工程中遇到的問(wèn)題及適配方法
這篇文章主要介紹了iOS 11更新后及iPhone X推出后工程中遇到的問(wèn)題及適配,需要的朋友可以參考下2017-10-10
iOS開(kāi)發(fā)之App主題切換解決方案完整版(Swift版)
這篇文章主要為大家詳細(xì)介紹了iOS開(kāi)發(fā)之App主題切換完整解決方案，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
本文主要介紹了IOS 性能優(yōu)化中離屏渲染的資料，提供了幾種方法講解了優(yōu)化，有需要的小伙伴可以參考下2016-10-10
Flutter?GetPageRoute實(shí)現(xiàn)嵌套導(dǎo)航學(xué)習(xí)
這篇文章主要為大家介紹了Flutter?GetPageRoute實(shí)現(xiàn)嵌套導(dǎo)航的示例學(xué)習(xí)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
要實(shí)現(xiàn)封裝視頻播放器，首先需要實(shí)現(xiàn)視頻播放器，然后再去考慮怎樣封裝可以讓以后自己使用起來(lái)方便快捷。iOS9之前可以使用MediaPlayer來(lái)進(jìn)行視頻的播放，iOS9之后系統(tǒng)推薦使用AVFoundation框架實(shí)現(xiàn)視頻的播放。下面通過(guò)本文來(lái)看看詳細(xì)的介紹吧。2016-10-10