iOS APP如何實(shí)現(xiàn)微信H5支付

小編給大家分享一下iOS APP如何實(shí)現(xiàn)微信H5支付，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

微信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 = [h6WXPayScheme 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];
}

以上是“iOS APP如何實(shí)現(xiàn)微信H5支付”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！