2. 程式人生 > >thinkphp3.2整和微信公眾號支付詳細流程 demo

thinkphp3.2整和微信公眾號支付詳細流程 demo

阿新 • • 發佈：2019-01-24

公眾號支付是指在微信app中訪問的頁面通過js直接調起微信支付；

首先第一個步驟登入微信公眾平臺然後

1.設定域名（設定授權域名和支付域名）

①設定網頁授權域名並且設定白名單（新增你自己伺服器公網ip）如下圖所示

         


②設定支付域名，去微信商戶後臺，產品中心的 開發配置中設定支付授權目錄；把域名改為自己的；如下圖所示


二：匯入sdk

/ThinkPHP/Library/Vendor/Weixinpay

該sdk是PHP白均瑤部落格碼雲中的開源專案  點選下載sdk

Weixinpay.php

<?php



error_reporting(E_ALL);
ini_set('display_errors', '1');


// 定義時區
ini_set('date.timezone','Asia/Shanghai');


class Weixinpay {
    // 定義配置項
    private $config=array(
        'APPID'              => '', // 微信支付APPID
        'MCHID'              => '', // 微信支付MCHID 商戶收款賬號
        'KEY'                => '', // 微信支付KEY
        'APPSECRET'          => '',  //公眾帳號secert
        'NOTIFY_URL'         => 'http://baijunyao.com/Api/WeixPay/notify/order_number/', // 接收支付狀態的連線  改成自己的域名
        );


    // 建構函式
    public function __construct(){
        // 如果是在thinkphp中 那麼需要補全/Application/Common/Conf/config.php中的配置
        // 如果不是在thinkphp框架中使用；那麼註釋掉下面一行程式碼；直接補全 private $config 即可
        $this->config=C('WEIXINPAY_CONFIG');
    }


    /**
     * 統一下單
     * @param  array $order 訂單 必須包含支付所需要的引數 body(產品描述)、total_fee(訂單金額)、out_trade_no(訂單號)、product_id(產品id)、trade_type(型別：JSAPI，NATIVE，APP)
     */
    public function unifiedOrder($order){
        // 獲取配置項
        $weixinpay_config=$this->config;
        $config=array(
            'appid'=>$weixinpay_config['APPID'],
            'mch_id'=>$weixinpay_config['MCHID'],
            'nonce_str'=>'test',
            'spbill_create_ip'=>'192.168.0.1',
            'notify_url'=>$weixinpay_config['NOTIFY_URL']
            );
        // 合併配置資料和訂單資料
        $data=array_merge($order,$config);
        // 生成簽名
        $sign=$this->makeSign($data);
        $data['sign']=$sign;
        $xml=$this->toXml($data);
        $url = 'https://api.mch.weixin.qq.com/pay/unifiedorder';//接收xml資料的檔案
        $header[] = "Content-type: text/xml";//定義content-type為xml,注意是陣列
        $ch = curl_init ($url);
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 相容本地沒有指定curl.cainfo路徑的錯誤
        curl_setopt($ch, CURLOPT_HTTPHEADER, $header);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $xml);
        $response = curl_exec($ch);
        if(curl_errno($ch)){
            // 顯示報錯資訊；終止繼續執行
            die(curl_error($ch));
        }
        curl_close($ch);
        $result=$this->toArray($response);
        // 顯示錯誤資訊
        if ($result['return_code']=='FAIL') {
            die($result['return_msg']);
        }
        $result['sign']=$sign;
        $result['nonce_str']='test';
        return $result;
    }




    /**
     * 驗證
     * @return array 返回陣列格式的notify資料
     */
    public function notify(){
        // 獲取xml
        $xml=file_get_contents('php://input', 'r'); 
        // 轉成php陣列
        $data=$this->toArray($xml);
        // 儲存原sign
        $data_sign=$data['sign'];
        // sign不參與簽名
        unset($data['sign']);
        $sign=$this->makeSign($data);
        // 判斷簽名是否正確  判斷支付狀態
        if ($sign===$data_sign && $data['return_code']=='SUCCESS' && $data['result_code']=='SUCCESS') {
            $result=$data;
        }else{
            $result=false;
        }
        // 返回狀態給微信伺服器
        if ($result) {
            $str='<xml><return_code><![CDATA[SUCCESS]]></return_code><return_msg><![CDATA[OK]]></return_msg></xml>';
        }else{
            $str='<xml><return_code><![CDATA[FAIL]]></return_code><return_msg><![CDATA[簽名失敗]]></return_msg></xml>';
        }
        echo $str;
        return $result;
    }


    /**
     * 輸出xml字元
     * @throws WxPayException
    **/
    public function toXml($data){
        if(!is_array($data) || count($data) <= 0){
            throw new WxPayException("陣列資料異常！");
        }
        $xml = "<xml>";
        foreach ($data as $key=>$val){
            if (is_numeric($val)){
                $xml.="<".$key.">".$val."</".$key.">";
            }else{
                $xml.="<".$key."><![CDATA[".$val."]]></".$key.">";
            }
        }
        $xml.="</xml>";
        return $xml; 
    }


    /**
     * 生成簽名
     * @return 簽名，本函式不覆蓋sign成員變數，如要設定簽名需要呼叫SetSign方法賦值
     */
    public function makeSign($data){
        // 去空
        $data=array_filter($data);
        //簽名步驟一：按字典序排序引數
        ksort($data);
        $string_a=http_build_query($data);
        $string_a=urldecode($string_a);
        //簽名步驟二：在string後加入KEY
        $config=$this->config;
        $string_sign_temp=$string_a."&key=".$config['KEY'];
        //簽名步驟三：MD5加密
        $sign = md5($string_sign_temp);
        // 簽名步驟四：所有字元轉為大寫
        $result=strtoupper($sign);
        return $result;
    }


    /**
     * 將xml轉為array
     * @param  string $xml xml字串
     * @return array       轉換得到的陣列
     */
    public function toArray($xml){   
        //禁止引用外部xml實體
        libxml_disable_entity_loader(true);
        $result= json_decode(json_encode(simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA)), true);        
        return $result;
    }


    /**
     * 獲取jssdk需要用到的資料
     * @return array jssdk需要用到的資料
     */
    public function getParameters(){
        // 獲取配置項
        $config=$this->config;
        // 如果沒有get引數沒有code；則重定向去獲取openid；
        if (!isset($_GET['code'])) {
            // 獲取訂單號
            $out_trade_no=I('get.out_trade_no',1,'intval');
            // 返回的url
            $redirect_uri=U('Api/Weixinpay/pay','','',true);
            $redirect_uri=urlencode($redirect_uri);
            $url='https://open.weixin.qq.com/connect/oauth2/authorize?appid='.$config['APPID'].'&redirect_uri='.$redirect_uri.'&response_type=code&scope=snsapi_base&state='.$out_trade_no.'#wechat_redirect';
            redirect($url);
        }else{
            // 如果有code引數；則表示獲取到openid
            $code=I('get.code');
            // 取出訂單號
            $out_trade_no=I('get.state',0,'intval');
            // 組合獲取prepay_id的url
            $url='https://api.weixin.qq.com/sns/oauth2/access_token?appid='.$config['APPID'].'&secret='.$config['APPSECRET'].'&code='.$code.'&grant_type=authorization_code';
            // curl獲取prepay_id
            $result=$this->https_request
($url);
            $result=json_decode($result,true);
            $openid=$result['openid'];
            // 訂單資料  請根據訂單號out_trade_no 從資料庫中查出實際的body、total_fee、out_trade_no、product_id
            $order=array(
                'body'=>'test',// 商品描述（需要根據自己的業務修改）
                'total_fee'=>1,// 訂單金額  以(分)為單位（需要根據自己的業務修改）
                'out_trade_no'=>$out_trade_no,// 訂單號（需要根據自己的業務修改）
                'product_id'=>'1',// 商品id（需要根據自己的業務修改）
                'trade_type'=>'JSAPI',// JSAPI公眾號支付
                'openid'=>$openid// 獲取到的openid
            );
            // 統一下單 獲取prepay_id
            $unified_order=$this->unifiedOrder($order);
            // 獲取當前時間戳
            $time=time();
            // 組合jssdk需要用到的資料
            $data=array(
                'appId'=>$config['APPID'], //appid
                'timeStamp'=>strval($time), //時間戳
                'nonceStr'=>$unified_order['nonce_str'],// 隨機字串
                'package'=>'prepay_id='.$unified_order['prepay_id'],// 預支付交易會話標識
                'signType'=>'MD5'//加密方式
            );
            // 生成簽名
            $data['paySign']=$this->makeSign($data);
            return $data;
        }
    }




  

需要注意函式中getParameters中的商品資料需要根據業務實際情況從資料庫中獲取；

三：配置項

/Application/Common/Conf/config.php
  1. 'WEIXINPAY_CONFIG'=> array(
  2. 'APPID'=>'',// 微信支付APPID
  3. 'MCHID'=>'',// 微信支付MCHID 商戶收款賬號
  4. 'KEY'=>'',// 微信支付KEY
  5. 'APPSECRET'=>'',// 公眾帳號secert (公眾號支付專用)
  6. 'NOTIFY_URL'=>'http://baidexuan.com/Api/Weixinpay/notify',// 接收支付狀態的連線
  7. ),
複製程式碼
在微信公眾平臺和微信支付平臺湊齊上面這些引數；

則需要在自己的公共函式中增加https_request；
/Application/Common/Common/function.php

/**
 * 使用curl獲取遠端資料
 * @param  string $url url連線
 * @return string      獲取到的資料
 */
function https_request($url, $data = null)
{
    $curl = curl_init();
    curl_setopt($curl, CURLOPT_URL, $url);
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);
    curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);
    if (!empty($data)){
        curl_setopt($curl, CURLOPT_POST, 1);
        curl_setopt($curl, CURLOPT_POSTFIELDS, $data);
    }
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
    $output = curl_exec($curl);
    curl_close($curl);
    return $output;
}

四：支付方法

/Application/Api/Controller/WeixinpayController.class.php
  1. publicfunction pay(){
  2. // 匯入微信支付sdk
  3. Vendor('Weixinpay.Weixinpay');
  4.     $wxpay=new \Weixinpay();
  5. // 獲取jssdk需要用到的資料
  6.     $data=$wxpay->getParameters();
  7. // 將資料分配到前臺頁面
  8.     $assign=array(
  9. 'data'=>json_encode($data)
  10. );
  11.     $this->assign($assign);
  12.     $this->display();
  13. }
複製程式碼需要html的配合：/home/order/pay.html
  1. <!DOCTYPE html>
    <html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>支付</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/public.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bottomTap.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/myStyle.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/pay.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layer/need/layer.css"/>
<script type="text/javascript" src="__PUBLIC__/layer/layer.js" ></script>
<script type="text/javascript" src="__PUBLIC__/owl/js/jquery-1.8.3.min.js" ></script>
</head>
<body>
<!--頂部標題-->
<div class="nav text-center">
<a href="#" onClick="javascript:history.back(-1);"><button type="button" class="mybtn pull-left back">
<img src="__PUBLIC__/img/list/right.png"/>
</button></a>
<span class="font16">發起支付</span>
</div>
<!-- <input type="hidden" value="{$orderid}" id="orderid"> -->
<!-- <input type="hidden" value="{$code}" id="code"> -->
<!--頂部標題-->
<!-- <div class="container-fluid cont">
<div class="row">
<div class="col-xs-12 pad-up15 bor-b-f2">
<img class="wx" src="__PUBLIC__/img/pay/weixin.png"/>
<span class="font15">微信支付</span>
<span class="circle pull-right"></span>
</div>
<input type="hidden" value="{$orderId}" id="orderid">
<div class="col-xs-12 pad-up15 bor-b-f2">
<img class="wx" src="__PUBLIC__/img/pay/ali.png"/>
<span class="font15">支付寶支付</span>
<span class="circle pull-right"></span>
</div>
</div>
</div> -->
<div class="container-full bg-fff toal-list ">
<div class="col-xs-12 padd_0 font17">
<div class="pull-right">
<!-- <span class="color-669900 t-all">支付:￥{$sumprice}</span> -->

<button type="button" class="set " onclick="getOrder()">
支付
</button>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="__PUBLIC__/js/jquery-3.1.1.min.js" ></script>
<script type="text/javascript">

function onBridgeReady(){
    var data={$data};
    WeixinJSBridge.invoke(
        'getBrandWCPayRequest', data, 
        function(res){
            if(res.err_msg == "get_brand_wcpay_request:ok" ) {
  window.location.href = '/index.php/home/user/getcouponcenter';
                // 使用以上方式判斷前端返回,微信團隊鄭重提示：res.err_msg將在使用者支付成功後返回    ok，但並不保證它絕對可靠。
            }   //支付過程中使用者取消
                                    if(res.err_msg == "get_brand_wcpay_request:cancel" ) {
            
                                           layer.open({
          content: '支付失敗'
          ,skin: 'msg'
          ,time: 3 //3秒後自動關閉
        });
                                      }
                                      if(res.err_msg == "get_brand_wcpay_request:fail" ) {
                                             
                                           layer.open({
          content: '支付失敗'
          ,skin: 'msg'
          ,time: 3 //3秒後自動關閉
        });
                                      }
        }
    );
}
function getOrder(){
    var data={$data};
    WeixinJSBridge.invoke(
        'getBrandWCPayRequest', data, 
        function(res){
            if(res.err_msg == "get_brand_wcpay_request:ok" ) {
  window.location.href = '/index.php/home/user/getcouponcenter';
                // 使用以上方式判斷前端返回,微信團隊鄭重提示：res.err_msg將在使用者支付成功後返回    ok，但並不保證它絕對可靠。
            }   //支付過程中使用者取消
                                if(res.err_msg == "get_brand_wcpay_request:cancel" ) {
       
                                      layer.open({
      content: '支付失敗'
      ,skin: 'msg'
      ,time: 3 //3秒後自動關閉
    });
                                 }
                                 if(res.err_msg == "get_brand_wcpay_request:fail" ) {
                                         
                                      layer.open({
      content: '支付失敗'
      ,skin: 'msg'
      ,time: 3 //3秒後自動關閉
    });
                                 }
        }
    );
}
if (typeof WeixinJSBridge == "undefined"){
     if( document.addEventListener ){
         document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
     }else if (document.attachEvent){
         document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
         document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
     }
}else{
      onBridgeReady();
}


</script>
</html>

複製程式碼呼叫示例：/Application/Home/Controller/orderController.class.php 中的makeorder方法
  1. /**
  2.  * 生成預支付訂單，拿著這個訂單，發起微信jsapi 支付
  3.  */
  4. publicfunction makeorder(){
  5.     此處生成預支付訂單，拿著這個訂單，發起微信jsapi 支付
  6. // 組合url
  7.     $url=U('home/order/pay',array('out_trade_no'=>$out_trade_no));
  8. // 前往支付
  9.     redirect($url);
  10. }
五：非同步接收通知

/Application/Api/Controller/WeixinpayController.class.php
 * notify_url接收頁面
 */
public function notify(){
    // ↓↓↓下面的file_put_contents是用來簡單檢視非同步發過來的資料 測試完可以刪除；↓↓↓
    // 獲取xml
    $xml=file_get_contents('php://input', 'r');
    //轉成php陣列 禁止引用外部xml實體
    libxml_disable_entity_loader(true);
    $data= json_encode(simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA));
    file_put_contents('./notify.text', $data);
    // ↑↑↑上面的file_put_contents是用來簡單檢視非同步發過來的資料 測試完可以刪除；↑↑↑
    // 匯入微信支付sdk
    Vendor('Weixinpay.Weixinpay');
    $wxpay=new \Weixinpay();
    $result=$wxpay->notify();
    if ($result) {
        // 驗證成功 修改資料庫的訂單狀態等 $result['out_trade_no']為訂單id


    }
}
如果出現簽名錯誤；

跟自己生產的簽名對比；

然後對比配置；查詢不一致的地方；

如果遇到問題，請在下方留言

相關推薦

thinkphp3.2整和微信公眾號支付詳細流程 demo

公眾號支付是指在微信app中訪問的頁面通過js直接調起微信支付；首先第一個步驟登入微信公眾平臺然後1.設定域名（設定授權域名和支付域名）①設定網頁授權域名並且設定白名單（新增你自己伺服器公網ip）如下圖所示         ②設定支付域名，去微信商戶後臺，產品中心的 開發配置

支付寶手機網頁支付和微信公眾號支付接入

       先說支付寶的吧。        第一步：去支付寶新建沙箱應用並申請開通相應許可權，也就是測試環境，完成後去https://auth.alipay.com/login/ant_sso_index.htm?goto=

微信公眾號支付開發流程

主要場景為一碼付，使用者掃碼二維碼進入商戶自己的H5頁面，微信掃碼呼叫微信支付，支付寶掃碼就呼叫支付寶進行支付 微信開發文件 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1 有一篇寫的比較全的文件，

微信公眾號支付整體流程記錄備忘

相比支付寶支付，微信公眾號支付的實現以及過程真的是比較複雜，而且坑多，都是血淚史。 檢視微信支付的開發配置，這裡就可以看到對應的支付授權目錄以及測試目錄，可以選擇使用線上作為支付測試，但是不推薦。使用測試授權目錄時，注意需要設定測試白名單，規定哪些人可以進行支付測試。   當然，我們有微信

微信公眾號支付接入流程

背景： 在Web應用中接入微信支付，我以為只是檢視demo，根據demo和文件相結合然後呼叫介面就完事了，但是微信文件的複雜性和隱坑使我填坑填到懷疑人生，致敬在微信踩過的神坑，過年給他燒點紙記掛一下，NND。。。。。。。。。。。 注意事項： 坑一：幾個簽名的混淆

微信公眾號支付詳細過程

背景公司的公眾號有個保險專案需要用到微信支付，官網java文件寫的並不是很詳細。個人根據網上一些demo總結出來的微信支付功能，中間遇到過幾個坑，後續會詳細講解。話不多說，先上程式碼！一.轉換MD5格式類MD5Util類import java.security.Message

thinkphp3.2微信公眾號支付(jsapi支付)開發過程

第一次做微信支付（網頁版本的），折騰了兩天，記錄一下方便下次自己再次使用，也希望能幫和我一樣初次接觸的朋友踩一下坑。 前期準備 1.開通微信認證服務號，並且開通商戶平臺 2.下載微信支付dome，下載地址：https://pay.weixin.qq.com/wiki/doc/api/js

多線程發送短信和微信公眾號推送消息

fin 使用 access req red object mss 超時 locks 多線程設置 package cloud.app.prod.home.utils; import java.util.ArrayList; import java.util.

關於微信公眾號支付 微信H5支付和微信APP支付的問題 （PHP）TP+VUE

話不多說 直接上原始碼 在寫支付之前一定要確定好微信要求配置的相關回調域名 安全支付域名還有雜七雜八的哪些地址都準備好了 要不然是沒法實現的 微信公眾平臺 微信商戶平臺 還有開發者平臺 什麼的 這點比較噁心 1.微信公眾號支付 公眾號支付和H5支付最大的不同就在於公眾號支付使用者有ope

微信公眾號支付和提現

一、微信公眾號支付。 1.XXX/WechatPayController/getAuthorizeUrl?url=http://域名/專案/XXXController/toBuyCard，在controller方法裡，獲取url，重定向到 "https://open.wei

微信小程式和微信公眾號開發注意事項（有些是從微信開發文件中摘抄出來的）

先從簡單的說起 （會提醒你的一些注意事項） 1、微信公眾號和小程式名稱可以由中文、數字、英文。長度在3-20個字元之間，一箇中文字等於2個字元。 2、微信公眾號和小程式名稱不得與公眾平臺已有的訂閱號

TP3.2校驗微信公眾號、小程式 伺服器地址

1、在TP3.2裡面，寫一個控制器，用來校驗微信公眾號、小程式的伺服器地址 1.<?php  2.namespace Home\Controller;  3.use Think\Control

微信開發---微信網頁授權、JS-SDK和微信公眾號的基本設定

用了好幾個小時的時間，整理了一下關於公眾號的思維導圖，由於CSDN不能上傳相對應的檔案，所以萍子一一的分解開的截圖附上來，希望對大家有所幫助哦~ 因為是電腦裝置自動截圖，又鑑於內容比較多，可能不是太清楚，需要的小夥伴們，可以聯絡我，我可以隨時發給你。 學

微信公眾號支付JSAPI，提示：2支付缺少引數：appId

因為demo中支付金額是定死的，所以需要調整。 所以在使用的JS上添加了引數傳入。這裡的傳入string型別的引數，直接使用是錯誤的，對於方法，會出現appid缺少引數的錯誤 //呼叫微信JS api 支付 function jsApiCall(jsStr

和微信公眾號編輯器戰鬥的日子

作者：靈魂畫師牧碼 本文提到的 Markdown Nice 體驗地址：https://mdnice.com 公元 2019 年，微信公眾號排版能力孱弱，始終為運營者所詬病，秀米、135 編輯器等工具割據一方。 但無論是微信原生工具，還是其他編輯器，都讓創作者不得不將有限的創作經歷分散到排版設計

使用小書匠及markdown here編輯部落格和微信公眾號

1. 使用小書匠連線Evernote併發布筆記到部落格園 1.1 小書匠初探 我平時的資訊收集的主要方法是採用Pocket+Evernote. 簡單來說: 如果訪問到非常有用,而且是必須要立刻記錄的內容,那麼我會使用evernote web clipper直接將其儲存到我的印象筆記

微信公眾號支付報文示例

cda 響應 xca mes amp 鏈接 返回值 col http 請求報文： 1 <xml> 2 <body><![CDATA[狄克酸奶店]]></body> 3 <callback_url&

個體戶沒有組織機構代碼證如何開通微信公眾號支付？

jpg alt 註意 方法 .com str 工作人員 個體工商戶 log 個體工商戶開通微信支付最新流程： 一、準備資料1.營業執照:有效期內的個體戶執照；2.身份證：經營者個人身份證照片；3.收款銀行賬戶：提現用的銀行賬號；4.手機號碼：客服人員的聯系手機號；5.郵箱

php微信公眾號支付接口開發demo

targe param pre space secret 修改 pen host field 本支付接口使用Yii2框架，所以控制器的格式都是該框架的，不過放到其他框架都差不多，根據對應的規則修改一下控制器的方法名字就行了，親測有效，比較簡單，沒有封裝，想了解微信支付實現

微信公眾號支付--錯誤記錄

二次 數組 格式轉換 println equals sig col package reat 微信公眾號支付調用統一下單接口時，微信返回的數據一定要二次組裝再給前臺，否則會有問題的，正確示範如下： /** * 獲取weixin支付的返回信息 * @pa