！！微信支付總結（原創）

 

Q:

微信支付成功以後如何跳轉到指定頁面

A:

以微信公衆號支付舉例，在前臺H5頁面中指定便可，注意在後臺設定的notify_url不是這個指定頁面，notify_url是用來微信支付完成後，微信調用我們的應用服務器用的，是一個回調接口

能夠用來記錄日誌，或者更新訂單狀態

 

參考文檔：

微信支付問題，支付成功後跳轉到指定頁面

微信支付分爲四步：
一、獲取code
二、獲取opendi
三、獲取相應數據獲得商品訂單數組
四、支付返回（js 判斷）
PHP語言: 

include("includes/modules/payment/WxPayPubHelper.php");
   //使用jsapi接口
   $jsApi = new JsApi_pub();
   //=========步驟1：網頁受權獲取用戶openid============
   //經過code得到openid
   if (!isset($_GET['code']))
   {
       //觸發微信返回code碼
       $url = $jsApi->createOauthUrlForCode(WxPayConf_pub::JS_API_CALL_URL);
       ecs_header("Location: $url");
   }else
   {
       //獲取code碼，以獲取openid 
       $code = $_GET['code'];
       $jsApi->setCode($code);
       $openid = $jsApi->getOpenId();
       if(!empty($openid)){
           include_once('includes/lib_clips.php');
           include_once('includes/lib_payment.php');
          獲取訂單信息
  }
         $unifiedOrder = new UnifiedOrder_pub();
       
       //設置統一支付接口參數
       //設置必填參數
       //appid已填,商戶無需重複填寫
       //mch_id已填,商戶無需重複填寫
       //noncestr已填,商戶無需重複填寫
       //spbill_create_ip已填,商戶無需重複填寫
       //sign已填,商戶無需重複填寫
       $unifiedOrder->setParameter("openid","$openid");//商品描述
       $out_trade_no = $order['order_sn'];
       $unifiedOrder->setParameter("body","$goods_name");//商品描述
       //自定義訂單號，此處僅做舉例
       //$timeStamp = time();
       //$out_trade_no = WxPayConf_pub::APPID."$timeStamp";
       $total_fee    =    $total['amount']*100;
       $unifiedOrder->setParameter("out_trade_no","$out_trade_no");//商戶訂單號
       $unifiedOrder->setParameter("total_fee","$total_fee");//總金額
       $unifiedOrder->setParameter("notify_url",WxPayConf_pub::NOTIFY_URL);//通知地址
       $unifiedOrder->setParameter("trade_type","JSAPI");//交易類型
       //非必填參數，商戶可根據實際狀況選填
       //$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商戶號  
       //$unifiedOrder->setParameter("device_info","XXXX");//設備號
       //$unifiedOrder->setParameter("attach","XXXX");//附加數據
       //$unifiedOrder->setParameter("time_start","XXXX");//交易起始時間
       //$unifiedOrder->setParameter("time_expire","XXXX");//交易結束時間
       //$unifiedOrder->setParameter("goods_tag","XXXX");//商品標記
       //$unifiedOrder->setParameter("openid","XXXX");//用戶標識
       //$unifiedOrder->setParameter("product_id","XXXX");//商品ID

       $prepay_id = $unifiedOrder->getPrepayId();
       //=========步驟3：使用jsapi調起支付============
       $jsApi->setPrepayId($prepay_id);

       $jsApiParameters = $jsApi->getParameters();
       //$jsApiParameters = json_encode($jsApiParameters);
       $smarty->assign('pay_online', $jsApiParameters);

JavaScript語言: 

<</span>script type="text/javascript">

       //調用微信JS api 支付
       function jsApiCall()
       {
           WeixinJSBridge.invoke(
               'getBrandWCPayRequest',
               {$pay_online},
               function(res){
                   WeixinJSBridge.log(res.err_msg);
                   if(res.err_msg == "get_brand_wcpay_request:ok"){
                   //alert(res.err_code+res.err_desc+res.err_msg);
                       window.location.href="http://blog.sina.com.cn/u/XXXX";
                   }else{
                       //返回跳轉到訂單詳情頁面
                       alert("支付失敗");
                       window.location.href="http://blog.sina.com.cn/u/XX";
                         
                   }
               }
           );
       }

       function callpay()
       {
           if (typeof WeixinJSBridge == "undefined"){
               if( document.addEventListener ){
                   document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
               }else if (document.attachEvent){
                   document.attachEvent('WeixinJSBridgeReady', jsApiCall);
                   document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
               }
           }else{
               jsApiCall();
           }
       }

   <</span>/script>

 

---

 

微信H5支付問題（前端部分）（內附jssdk使用方法）

  微信內H5發起支付一共有兩種方法：

    1.調用微信內置js對象 WeixinJSBridge 發起支付具體方法爲

WeixinJSBridge.invoke(
    'getBrandWCPayRequest', {
        "appId":"wx2421b1c4370ec43b",     //公衆號名稱，由商戶傳入
        "timeStamp":"1395712654",         //時間戳，自1970年以來的秒數
        "nonceStr":"e61463f8efa94090b1f366cccfbbb444", //隨機串
        "package":"prepay_id=u802345jgfjsdfgsdg888",
        "signType":"MD5",         //微信簽名方式：
        "paySign":"70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信簽名
    },
    function(res){
        if(res.err_msg == "get_brand_wcpay_request:ok" ) {}     // 使用以上方式判斷前端返回,微信團隊鄭重提示：res.err_msg將在用戶支付成功後返回    ok，但並不保證它絕對可靠。
    }
);

這樣就能發起支付了。

另外一種方法比較麻煩，就是引入微信jssdk調用裏面的內置方法發起支付

首先要引入jssdk文件；文件地址爲http://res.wx.qq.com/open/js/jweixin-1.2.0.js

引入jssdk文件後還須要注入權限也就是權限驗證，

wx.config({
    debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。
    appId: '', // 必填，企業號的惟一標識，此處填寫企業號corpid
    timestamp: , // 必填，生成簽名的時間戳
    nonceStr: '', // 必填，生成簽名的隨機串
    signature: '',// 必填，簽名，見附錄1
    jsApiList: [] // 必填，須要使用的JS接口列表，全部JS接口列表見附錄2
});

簽名的相關參數須要由後臺生成。在最後一個數組裏面填入你所須要的接口名

經過相應的api驗證權限是否注入成功

wx.ready(function(){
    // config信息驗證後會執行ready方法，全部接口調用都必須在config接口得到結果以後，config是一個客戶端的異步操做，因此若是須要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的接口，則能夠直接調用，不須要放在ready函數中。
});

驗證成功後jssdk裏面的API接口就可以調用了，裏面有支付相關的接口

wx.chooseWXPay({
                           appId: 'wx23841cce7185b550',
                           timestamp: '1461300911', // 支付簽名時間戳，注意微信jssdk中的全部使用timestamp字段均爲小寫。但最新版的支付後臺生成簽名使用的timeStamp字段名需大寫其中的S字符
                           nonceStr: '5719aeafb587f', // 支付簽名隨機串，不長於 32 位
                           package: 'prepay_id=wx20160422125512b7d2205c9c0913643939', // 統一支付接口返回的prepay_id參數值，提交格式如：prepay_id=***）
                           signType: 'MD5', // 簽名方式，默認爲'SHA1'，使用新版支付需傳入'MD5'
                           paySign: '5DAB1DDABE1AD34E8FF3386AE971B727', // 支付簽名
                           success: function(res) {
                               // 支付成功後的回調函數
                               if (res.errMsg == "chooseWXPay:ok") {
                                   //支付成功
                                   alert('支付成功');
                               } else {
                                   alert(res.errMsg);
                               }
                           },
                           cancel: function(res) {
                               //支付取消
                               alert('支付取消');
                           }
                       });

一樣的相應簽名須要後臺生成