正文

微信h5完整支付路徑

發(fā)布時間：2023-03-28 10:08:28 稿源：創(chuàng)意嶺閱讀： 690 問大家

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于微信h5完整支付路徑的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com，如需咨詢相關(guān)業(yè)務(wù)請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、TP5 實現(xiàn)APP/二維碼/小程序/H5等微信支付（詳細步驟）
2、iOS H5調(diào)用微信(支付寶)支付與回調(diào)
3、thinkphp微信h5支付sdk怎么用
4、iOS H5拉起微信支付

微信h5完整支付路徑

一、TP5 實現(xiàn)APP/二維碼/小程序/H5等微信支付（詳細步驟）

（1）需要去微信開放平臺注冊賬號

（2）將對應(yīng)的配置寫入配置文件中（配置文件可以參考我下面封裝的微信類）

（3）創(chuàng)建訂單表

二、iOS H5調(diào)用微信(支付寶)支付與回調(diào)

利用WKWebView加載網(wǎng)頁，在app中處理H5頁面調(diào)用微信支付 ------ 實現(xiàn)WKNavigationDelegate協(xié)議

該方法是決定H5頁面是否允許跳轉(zhuǎn)的

- (void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler{

WKNavigationActionPolicy actionPolicy =WKNavigationActionPolicyAllow;//允許

NSString*urlScheme = navigationAction.request.URL.scheme;

NSString*urlString = navigationAction.request.URL.absoluteString;

NSString *wxPre = @"https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb";

NSURLRequest*request = navigationAction.request;

NSLog(@"urlScheme:%@",urlScheme);

NSLog(@"urlStr:%@",urlString);

if([urlString containsString:@"weixin://wap/pay?"]) {

actionPolicy =WKNavigationActionPolicyCancel;//不允許跳轉(zhuǎn)

NSURL*url = [NSURLURLWithString:urlString];

if([[UIApplicationsharedApplication]respondsToSelector:@selector(openURL:options:completionHandler:)]){

if(@available(iOS10.0, *)) {

[[UIApplication sharedApplication] openURL:url options:@{UIApplicationOpenURLOptionUniversalLinksOnly: @NO} completionHandler:^(BOOL success) {

}];

}else{

// Fallback on earlier versions

[[UIApplicationsharedApplication]openURL:url];

}

}else{

[[UIApplication sharedApplication]openURL:url];

}

decisionHandler(actionPolicy);//這句是必須加上的，不然會異常

}

很多小伙伴兒都遇到回跳的問題，點擊“完成”或“取消”跳到了Safari卻跳不回APP。

2.1、配置URL Types 添加schemes：www.xxxx.com

2.2、配置 Referer

[requestsetValue:@"www.suxiangshidai.com://" forHTTPHeaderField:@"Referer"];

2.3、服務(wù)器回調(diào)的URL中一定要寫成 www.suxiangshidai.com:// , 如果一定要拼接，可以讓后臺區(qū)分一下，如果是iOS 前面一定要寫成 www.suxiangshidai.com:// ，不然跳不回APP。

注意：www.xxxx.com 此域名一定是H5授權(quán)的域名，如果是二級域名，可以寫成：aaa.xxxx.com

一般支付完不管完成與否都要調(diào)一下回調(diào)地址來刷新支付頁面的，但問題是iOS的回調(diào)地址中一定要寫成 www.xxxx.com:// 這樣的格式才能跳回來，但是調(diào)回來后沒有執(zhí)行回調(diào)地址，頁面又刷新不了，或者跳回來后是個空白頁，這又產(chǎn)生了一個新的問題。當(dāng)點擊微信支付頁上的“完成”或“取消”返回APP時，會調(diào)用 AppDelegate 中的 openURL：方法

-(BOOL)application:(UIApplication*)app openURL:(NSURL*)url options:(NSDictionary *)options{

// url.scheme 就是 www.suxiangshidai.com，你只需要在這做一個判斷，如果是 www.suxiangshidai.com 你就給外部發(fā)一個通知，那外部接收到這個通知，刷新界面就行了。

//刷新地址也就是支付完的回調(diào)地址，后臺可以把回調(diào)地址拼接在 www.xxxx.com:// 后面，例如：www.xxxx.com://http://www.baidu.com 。那么 url 就是 www.xxxx.com:// http://www.baidu.com ，你向外部發(fā)通知時把 url 作為參數(shù)傳出去即可

if ([url.scheme containsString:@"www.suxiangshidai.com"]) {

[[NSNotificationCenter defaultCenter] postNotificationName:@"weChatPayHandle" object:nil userInfo:@{@"url":url}];

}

return YES;

}

//微信支付后刷新主界面 (處理通知的方法 )

-(void)refreshOrderData:(NSNotification*)notifi{

NSDictionary*dic = notifi.userInfo;

NSString*url = [NSStringstringWithFormat:@"%@",dic[@"url"]];

NSRange range = [url rangeOfString:@"www.suxiangshidai.com://"];

NSString*lastUrl = [urlsubstringFromIndex:range.length];

NSLog(@"%@",lastUrl);

[self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:lastUrl]]];

}

解決h5的支付寶支付問題可以提供兩種解決辦法

第一種調(diào)用支付寶網(wǎng)頁支付

（問題支付成功后回調(diào)到了游覽器，無法返回APP，解決如下）

//以WKWebView為例

- (void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler {

WKNavigationActionPolicy actionPolicy =WKNavigationActionPolicyAllow;//允許

NSString*urlScheme = navigationAction.request.URL.scheme;

NSString*urlString = navigationAction.request.URL.absoluteString;

NSString *wxPre = @"https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb";

NSURLRequest*request = navigationAction.request;

NSLog(@"urlScheme:%@",urlScheme);

NSLog(@"urlStr:%@",urlString);

// 先判斷一下，找到需要跳轉(zhuǎn)的再做處理

if([urlSchemeisEqualToString:@"alipay"]) {

// 1.以？號來切割字符串

NSArray* urlBaseArr = [urlStringcomponentsSeparatedByString:@"?"];

NSString* urlBaseStr = urlBaseArr.firstObject;

NSString* urlNeedDecode = urlBaseArr.lastObject;

// 2.將截取以后的Str，做一下URLDecode，方便我們處理數(shù)據(jù)

// NSMutableString * afterDecodeStr = [NSMutableString stringWithString:[self URLDecodedString:urlNeedDecode]];

NSString*afterDecodeStr =WebURLDecodedString(urlNeedDecode);

// 3.替換里面的默認Scheme為自己的Scheme

NSString* afterHandleStr = [afterDecodeStrstringByReplacingOccurrencesOfString:@"alipays"withString:@"QEQuickEnjoyment"];

// 4.然后把處理后的，和最開始切割的做下拼接，就得到了最終的字符串

NSString* finalStr = [NSStringstringWithFormat:@"%@?%@",urlBaseStr,WebURLEncode(afterHandleStr)];

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

// 判斷一下，是否安裝了支付寶APP（也就是看看能不能打開這個URL）

if ([[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:finalStr]]) {

[[UIApplication sharedApplication] openURL:[NSURL URLWithString:finalStr]];

}

});

// 2.這里告訴頁面不走了 -_-

decisionHandler(WKNavigationActionPolicyCancel);

return;

}

decisionHandler(actionPolicy);//這句是必須加上的，不然會異常

}

// OC 做URLEncode的方法

staticinlineNSString* WebURLEncode(NSString* str){

NSString*charactersToEscape =@"#[]@!$'()*+,;\"<>%{}|^~`";

NSCharacterSet*allowedCharacters = [[NSCharacterSetcharacterSetWithCharactersInString:charactersToEscape]invertedSet];

NSString *encodedUrl = [[str description] stringByAddingPercentEncodingWithAllowedCharacters:allowedCharacters];

return encodedUrl; }

staticinlineNSString*WebURLDecodedString(NSString* str)

{ return [str stringByRemovingPercentEncoding]; }

這樣h5處理支付寶就可以了

但是如果想在支付寶成功后app處理事件處理如下：

回到Appdelegate的代理方法

-(BOOL)application:(UIApplication*)app openURL:(NSURL*)url options:(NSDictionary *)options{// 判斷一下這個host，safepay就是支付寶的if([url.host isEqualToString:@"safepay"]) {// 拿到這個鏈接的數(shù)據(jù)，數(shù)據(jù)大概是這樣的/*

mushRoomBox://safepay/?%7B%22memo%22:%7B%22result%22:%22%7B%5C%22alipay_trade_wap_pay_response%5C%22:%7B%5C%22code%5C%22:%5C%2210000%5C%22,%5C%22msg%5C%22:%5C%22Success%5C%22,%5C%22app_id%5C%22:%5C%222017020505522491%5C%22,%5C%22auth_app_id%5C%22:%5C%222017020505522491%5C%22,%5C%22charset%5C%22:%5C%22GBK%5C%22,%5C%22timestamp%5C%22:%5C%222018-11-09%2011:43:06%5C%22,%5C%22out_trade_no%5C%22:%5C%222018100001_simple_48f033a4a00ba19a0526ddbd4f96b036%5C%22,%5C%22total_amount%5C%22:%5C%220.01%5C%22,%5C%22trade_no%5C%22:%5C%222018110922001438371006963978%5C%22,%5C%22seller_id%5C%22:%5C%222088221175674834%5C%22%7D,%5C%22sign%5C%22:%5C%22T6jn7QSsvjjG%5C/HxknSl2lOdHj6zf7jebWEKkeGhEJaXCYFbRHMTsml7TNRhRACupmwDYUADQOynKNR%5C/QBXHgBxJRhYEE9SXVz4mp7sqSGPItzV4bVmZw5AG5UJzsuIh9O6QC%5C/QHc+FcA2i1zw46VDMUnbCCKat5q4ME9d3AUSMhYg31xO+1TZnraDfm0I%5C/OwAnA5iCTOhq%5C/fkm%5C/r4hsujdv9fTvmszgIJLMhN7yQhoGaOWs0vIQ6hoJoXmCXVapfY7ANsoKaR6hGJogH4GKGQi0vLk17W8s+LjcOUT%5C/zB6K6gN+fyCefm8FOJ+8g4GUAreuZDcW0MuGE1OOmaxDrXg==%5C%22,%5C%22sign_type%5C%22:%5C%22RSA2%5C%22%7D%22,%22ResultStatus%22:%229000%22,%22memo%22:%22%22%7D,%22requestType%22:%22safepay%22%7D

*/// 然后，一樣的套路方法

NSString* urlNeedJsonStr = url.absoluteString;

NSArray* afterComStr = [urlNeedJsonStr componentsSeparatedByString:@"?"];/

/ 這個decode方法，在上面找哈NSString* lastStr = [self WebURLDecodedString:afterComStr.lastObject];// 這個lastStr，其實是一個jsonStr，轉(zhuǎn)一下，就看到了數(shù)據(jù)

NSDictionary* dict = [self dictionaryWithJsonString:lastStr];// dict的結(jié)構(gòu)差不多是這樣/*

"memo": {

"result":"訂單相關(guān)信息，如訂單號，支付金額等等";

"ResultStatus":"9000";

******

*/// 和支付寶SDK的返回結(jié)果一次，這個ResultStatus，就是我們要的數(shù)據(jù)// 9000 ：支付成功// 8000 ：訂單處理中// 4000 ：訂單支付失敗// 6001 ：用戶中途取消// 6002 ：網(wǎng)絡(luò)連接出錯// 這里的話，就可以根據(jù)狀態(tài)，去處理自己的業(yè)務(wù)了}returnYES;}

- (NSDictionary*)dictionaryWithJsonString:(NSString*)jsonString{

if(jsonString ==nil) {

return nil;

}

NSData*jsonData = [jsonString dataUsingEncoding:NSUTF8StringEncoding];

NSError*err;NSDictionary*dic = [NSJSONSerializationJSONObjectWithData:jsonData options:NSJSONReadingMutableContainerserror:&err];

if(err)

{NSLog(@"json解析失?。?@",err);

return nil;

}return dic;

}

接支付寶提供的SDK，schemeStr參數(shù)傳入自己APP的URLScheme即可。具體的手機網(wǎng)站支付轉(zhuǎn)Native支付

1.1、掉起支付寶APP

1.2、支付完成后，支付寶APP要返回到我們的APP里面來

- (void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler{

BOOL isIntercepted = [[AlipaySDK defaultService] payInterceptorWithUrl:[navigationAction.request.URL absoluteString] fromScheme:@"WRWarehouseHasRice" callback:^(NSDictionary *result) {

// 處理支付結(jié)果

NSLog(@"%@", result);

// isProcessUrlPay 代表支付寶已經(jīng)處理該URL

if([result[@"isProcessUrlPay"]boolValue]) {

// returnUrl 代表第三方App需要跳轉(zhuǎn)的成功頁URL

NSString*urlStr = result[@"returnUrl"];

}

}];

if(isIntercepted) {

decisionHandler(WKNavigationActionPolicyCancel);

return;

}

decisionHandler(WKNavigationActionPolicyAllow);

}

三、thinkphp微信h5支付sdk怎么用

主要的支付代碼如下：

<?php
namespace HomeController;
use ThinkController;
//微信支付類
class WxpayController extends Controller {
    //獲取access_token過程中的跳轉(zhuǎn)uri，通過跳轉(zhuǎn)將code傳入jsapi支付頁面
    public function js_api_call() {
        $order_sn = I('get.order_sn', '');
        if (empty($order_sn)) {
            header('location:'.__ROOT__.'/');
        }
        vendor('Weixinpay.WxPayPubHelper');
        //使用jsapi接口
        $jsApi = new JsApi_pub();
        //=========步驟1：網(wǎng)頁授權(quán)獲取用戶openid============
        //通過code獲得openid
        if (!isset($_GET['code'])){
            //觸發(fā)微信返回code碼
            $url = $jsApi->createOauthUrlForCode('域名/Wxpay/js_api_call?order_sn='.$order_sn);
            //$url = $jsApi->createOauthUrlForCode(WxPayConf_pub::JS_API_CALL_URL);
            Header("Location: $url"); 
        }else{
            //獲取code碼，以獲取openid
            $code = $_GET['code'];
            $jsApi->setCode($code);
            $openid = $jsApi->getOpenId();
        }
        $res = array(
            'order_sn' => '20150109113322',
            'order_amount' => 255
        );
        //=========步驟2：使用統(tǒng)一支付接口，獲取prepay_id============
        //使用統(tǒng)一支付接口 
        $unifiedOrder = new UnifiedOrder_pub();
        //設(shè)置統(tǒng)一支付接口參數(shù)
        //設(shè)置必填參數(shù)
        //appid已填,商戶無需重復(fù)填寫
        //mch_id已填,商戶無需重復(fù)填寫
        //noncestr已填,商戶無需重復(fù)填寫
        //spbill_create_ip已填,商戶無需重復(fù)填寫
        //sign已填,商戶無需重復(fù)填寫
        $total_fee = $res['order_amount']*100;
        //$total_fee = 1;
        $body = "訂單支付{$res['order_sn']}";
        $unifiedOrder->setParameter("openid", "$openid");//用戶標(biāo)識
        $unifiedOrder->setParameter("body", $body);//商品描述
        //自定義訂單號，此處僅作舉例
        $out_trade_no = $res['order_sn'];
        $unifiedOrder->setParameter("out_trade_no", $out_trade_no);//商戶訂單號 
        $unifiedOrder->setParameter("total_fee", $total_fee);//總金額
        //$unifiedOrder->setParameter("attach", "order_sn={$res['order_sn']}");//附加數(shù)據(jù) 
        $unifiedOrder->setParameter("notify_url", WxPayConf_pub::NOTIFY_URL);//通知地址 
        $unifiedOrder->setParameter("trade_type", "JSAPI");//交易類型
        //非必填參數(shù)，商戶可根據(jù)實際情況選填
        //$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商戶號  
        //$unifiedOrder->setParameter("device_info","XXXX");//設(shè)備號 
        //$unifiedOrder->setParameter("attach","XXXX");//附加數(shù)據(jù) 
        //$unifiedOrder->setParameter("time_start","XXXX");//交易起始時間
        //$unifiedOrder->setParameter("time_expire","XXXX");//交易結(jié)束時間 
        //$unifiedOrder->setParameter("goods_tag","XXXX");//商品標(biāo)記 
        //$unifiedOrder->setParameter("openid","XXXX");//用戶標(biāo)識
        //$unifiedOrder->setParameter("product_id","XXXX");//商品ID
        $prepay_id = $unifiedOrder->getPrepayId();
        //=========步驟3：使用jsapi調(diào)起支付============
        $jsApi->setPrepayId($prepay_id);
        $jsApiParameters = $jsApi->getParameters();
        $wxconf = json_decode($jsApiParameters, true);
        if ($wxconf['package'] == 'prepay_id=') {
            $this->error('當(dāng)前訂單存在異常，不能使用支付');
        }
        $this->assign('res', $res);
        $this->assign('jsApiParameters', $jsApiParameters);
        $this->display('jsapi');
    }
    //異步通知url，商戶根據(jù)實際開發(fā)過程設(shè)定
    public function notify_url() {
        vendor('Weixinpay.WxPayPubHelper');
        //使用通用通知接口
        $notify = new Notify_pub();
        //存儲微信的回調(diào)
        $xml = $GLOBALS['HTTP_RAW_POST_DATA'];    
        $notify->saveData($xml);
        //驗證簽名，并回應(yīng)微信。
        //對后臺通知交互時，如果微信收到商戶的應(yīng)答不是成功或超時，微信認為通知失敗，
        //微信會通過一定的策略（如30分鐘共8次）定期重新發(fā)起通知，
        //盡可能提高通知的成功率，但微信不保證通知最終能成功。
        if($notify->checkSign() == FALSE){
            $notify->setReturnParameter("return_code", "FAIL");//返回狀態(tài)碼
            $notify->setReturnParameter("return_msg", "簽名失敗");//返回信息
        }else{
            $notify->setReturnParameter("return_code", "SUCCESS");//設(shè)置返回碼
        }
        $returnXml = $notify->returnXml();
        //==商戶根據(jù)實際情況設(shè)置相應(yīng)的處理流程，此處僅作舉例=======
        //以log文件形式記錄回調(diào)信息
        //$log_name = "notify_url.log";//log文件路徑
        //$this->log_result($log_name, "【接收到的notify通知】:n".$xml."n");
        $parameter = $notify->xmlToArray($xml);
        //$this->log_result($log_name, "【接收到的notify通知】:n".$parameter."n");
        if($notify->checkSign() == TRUE){
            if ($notify->data["return_code"] == "FAIL") {
                //此處應(yīng)該更新一下訂單狀態(tài)，商戶自行增刪操作
                //$this->log_result($log_name, "【通信出錯】:n".$xml."n");
                //更新訂單數(shù)據(jù)【通信出錯】設(shè)為無效訂單
                echo 'error';
            }
            else if($notify->data["result_code"] == "FAIL"){
                //此處應(yīng)該更新一下訂單狀態(tài)，商戶自行增刪操作
                //$this->log_result($log_name, "【業(yè)務(wù)出錯】:n".$xml."n");
                //更新訂單數(shù)據(jù)【通信出錯】設(shè)為無效訂單
                echo 'error';
            }
            else{
                //$this->log_result($log_name, "【支付成功】:n".$xml."n");
                //我這里用到一個process方法，成功返回數(shù)據(jù)后處理，返回地數(shù)據(jù)具體可以參考微信的文檔
                if ($this->process($parameter)) {
                    //處理成功后輸出success，微信就不會再下發(fā)請求了
                    echo 'success';
                }else {
                    //沒有處理成功，微信會間隔的發(fā)送請求
                    echo 'error';
                }
            }
        }
    }
    //訂單處理
    private function process($parameter) {
        //此處應(yīng)該更新一下訂單狀態(tài)，商戶自行增刪操作
        /*
        * 返回的數(shù)據(jù)最少有以下幾個
        * $parameter = array(
            'out_trade_no' => xxx,//商戶訂單號
            'total_fee' => XXXX,//支付金額
            'openid' => XXxxx,//付款的用戶ID
        );
        */
        return true;
    }
}
?>

四、iOS H5拉起微信支付

再WKWebView的WKNavigationDelegate協(xié)議方法

func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void)

判斷 let scheme = navigationAction.request.url!.scheme!

如果scheme = "weixin"的時候說明H5已經(jīng)調(diào)用拉起微信的操作了

我們進行攔截重新定向

let url = navigationAction.request.url

UIApplication.shared.open(url!) //就可以成功拉起微信并打開支付頁面了如果這個url里的參數(shù)沒有問題的話

decisionHandler(WKNavigationActionPolicy.cancel) ///記得回傳取消操作

以上就是關(guān)于微信h5完整支付路徑相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。