Method to implement the mini program payment function: first request payment on the front end, and request the WeChat server on the back end; then the back end accepts the WeChat server and returns the data; then the front end initiates payment; finally the back end accepts the WeChat server callback That’s it.

【Related learning recommendations: 小program development tutorial】

Methods to implement the mini program payment function:

1. Front-end request for payment

Front-end request for payment is to simply carry the payment requirements Data, such as user ID, payment amount, payment order ID, etc. are related to your business logic or related to the data required for the next step of requesting the WeChat server payment unified order interface**, use the of the WeChat applet wx.request( ) To request the backend payment interface.

2. The backend requests the WeChat server

After the backend receives the payment request sent by the frontend, it can perform related verifications, such as determining whether the user has any problems. Is the payment amount correct, etc.? After verifying that there is no problem and you can apply for payment to the WeChat server, the backend needs to use the data format specified by WeChat to request WeChat's unified payment order interface.

After processing all the data, organize the data in XML format and send it to the WeChat payment unified ordering interface using the POST method

3. The backend accepts the data returned by the WeChat server

After the WeChat server receives the payment data, if there is no problem with the data, it will return the corresponding data for payment. The most important one is the data field named prepay_id, which needs to be returned. Front-end, the front-end can continue to pay.

Therefore, after the back-end receives the return data from the WeChat server, it needs to perform corresponding processing and finally return the data to the front-end. The back-end payment interface has completed receiving the front-end payment request and returned the front-end payment request. Functions that require data.

4. Front-end initiates payment

After receiving the returned data, the front-end uses wx.requestPayment() to request payment initiation. The values ??of the object parameters required by this API are the data returned in the previous step.

5. The backend accepts the WeChat server callback

After the frontend completes the payment, the WeChat server confirms that the payment has been completed. A notification will be sent to the callback address set in the first step. After receiving the notification, the back-end receiving callback interface can determine whether the payment is completed and determine subsequent actions.

After confirming the payment, the WeChat server will determine whether the payment was successful based on the notification result_code field. After receiving the successful notification, the backend needs to return success data to the WeChat server to inform the WeChat server that a callback notification has been received to complete the payment process. Otherwise, the WeChat server will continue to send messages to the backend.

After comparison, it can be found that in fact, payment in the mini program is much easier than payment with the official account, because there is no need to pay for the authorized directory or authorized domain name, but the payment process has one more step than the official account. That is, the unified order is prepaid, and then the prepaid result needs to be signed again before payment can be initiated.

The complete code is as follows:

//小程序端代碼：
pay:function(){
var that=this
wx.getStorage({
key: 'openid',
success: function(res) {
wx.request({
//這里是后臺(tái)的處理方法，url是自定義的，直接換成你自己的后臺(tái)處理方法即可，Wx_Pay這個(gè)方法在下面寫(xiě)的有
//后臺(tái)用的php做處理，java的可以參考方法，道理都是一樣的
url: url + 'Wx_Pay',
data: {
//用戶的openid
openid:res.data,
fee: that.data.totalPrice, //支付金額
details: that.data.goodsList[0].goods_name,//支付商品的名稱
},
success:function(result){
if(result.data){
//out_trade_no=res.data['out_trade_no'];
wx.requestPayment({
timeStamp: result.data['timeStamp'],
nonceStr: result.data['nonceStr'],
package: result.data['package'],
signType: 'MD5',
paySign: result.data['paySign'],
'success':function(successret){
console.log('支付成功');
//獲取支付用戶的信息
wx.getStorage({
key: 'userInfo',
success: function (getuser) {
//加入訂單表做記錄
wx.request({
url: url + 'Wx_AddOrder',
data: {
uname: getuser.data.nickName,
goods: that.data.goodsList[0].goods_name,
price: that.data.totalPrice,
openid:res.data,
},
success: function (lastreturn) {
console.log("存取成功");
}
})
},
})
},'fail':function(res){
}
})
}
}
})
},
})
},
//后臺(tái)
//微信支付
    public function Wx_Pay(){
        $request=Request::instance();
        $fee=$request->param('fee');
        $details=$request->param('details');//商品的詳情，比如iPhone8，紫色
       // $fee = 0.01;//舉例充值0.01
        $appid =        'appid';//appid
        $body =        $details;// '金邦匯商城';//'【自己填寫(xiě)】'
        $mch_id =       '1486742092';//'你的商戶號(hào)【自己填寫(xiě)】'
        $nonce_str =    $this->nonce_str();//隨機(jī)字符串
        $notify_url =   'https://zys.jinbh.cn/admin/Api/Wx_Speech';//回調(diào)的url【自己填寫(xiě)】';
        $openid =       $request->param('openid');//'用戶的openid【自己填寫(xiě)】';
        $out_trade_no = $this->order_number($openid);//商戶訂單號(hào)
        $spbill_create_ip = '123.206.45.131';//'服務(wù)器的ip【自己填寫(xiě)】';
        $total_fee =    $fee*100;//因?yàn)槌渲到痤~最小是1 而且單位為分 如果是充值1元所以這里需要*100
        $trade_type = 'JSAPI';//交易類型 默認(rèn)
        //這里是按照順序的 因?yàn)橄旅娴暮灻前凑枕樞?排序錯(cuò)誤 肯定出錯(cuò)
        $post['appid'] = $appid;
        $post['body'] = $body;
        
        $post['mch_id'] = $mch_id;
      
        $post['nonce_str'] = $nonce_str;//隨機(jī)字符串
      
        $post['notify_url'] = $notify_url;
      
        $post['openid'] = $openid;
      
        $post['out_trade_no'] = $out_trade_no;
      
        $post['spbill_create_ip'] = $spbill_create_ip;//終端的ip
      
        $post['total_fee'] = $total_fee;//總金額 最低為一塊錢(qián) 必須是整數(shù)
     
        $post['trade_type'] = $trade_type;
        $sign = $this->sign($post);//簽名
        $post_xml = &#39;<xml>
           <appid>&#39;.$appid.&#39;</appid>
           <body>&#39;.$body.&#39;</body>
           <mch_id>&#39;.$mch_id.&#39;</mch_id>
           <nonce_str>&#39;.$nonce_str.&#39;</nonce_str>
           <notify_url>&#39;.$notify_url.&#39;</notify_url>
           <openid>&#39;.$openid.&#39;</openid>
           <out_trade_no>&#39;.$out_trade_no.&#39;</out_trade_no>
           <spbill_create_ip>&#39;.$spbill_create_ip.&#39;</spbill_create_ip>
           <total_fee>&#39;.$total_fee.&#39;</total_fee>
           <trade_type>&#39;.$trade_type.&#39;</trade_type>
           <sign>&#39;.$sign.&#39;</sign>
        </xml> &#39;;
        //統(tǒng)一接口prepay_id
        $url = &#39;https://api.mch.weixin.qq.com/pay/unifiedorder&#39;;
        $xml = $this->http_request($url,$post_xml);
        $array = $this->xml($xml);//全要大寫(xiě)
        if($array[&#39;RETURN_CODE&#39;] == &#39;SUCCESS&#39; && $array[&#39;RESULT_CODE&#39;] == &#39;SUCCESS&#39;){
            $time = time();
            $tmp=&#39;&#39;;//臨時(shí)數(shù)組用于簽名
            $tmp[&#39;appId&#39;] = $appid;
            $tmp[&#39;nonceStr&#39;] = $nonce_str;
            $tmp[&#39;package&#39;] = &#39;prepay_id=&#39;.$array[&#39;PREPAY_ID&#39;];
            $tmp[&#39;signType&#39;] = &#39;MD5&#39;;
            $tmp[&#39;timeStamp&#39;] = "$time";
            $data[&#39;state&#39;] = 1;
            $data[&#39;timeStamp&#39;] = "$time";//時(shí)間戳
            $data[&#39;nonceStr&#39;] = $nonce_str;//隨機(jī)字符串
            $data[&#39;signType&#39;] = &#39;MD5&#39;;//簽名算法，暫支持 MD5
            $data[&#39;package&#39;] = &#39;prepay_id=&#39;.$array[&#39;PREPAY_ID&#39;];//統(tǒng)一下單接口返回的 prepay_id 參數(shù)值，提交格式如：prepay_id=*
            $data[&#39;paySign&#39;] = $this->sign($tmp);//簽名,具體簽名方案參見(jiàn)微信公眾號(hào)支付幫助文檔;
            $data[&#39;out_trade_no&#39;] = $out_trade_no;
        }else{
            $data[&#39;state&#39;] = 0;
            $data[&#39;text&#39;] = "錯(cuò)誤";
            $data[&#39;RETURN_CODE&#39;] = $array[&#39;RETURN_CODE&#39;];
            $data[&#39;RETURN_MSG&#39;] = $array[&#39;RETURN_MSG&#39;];
        }
      echo json_encode($data);
    }
//隨機(jī)32位字符串
    private function nonce_str(){
        $result = &#39;&#39;;
        $str = &#39;QWERTYUIOPASDFGHJKLZXVBNMqwertyuioplkjhgfdsamnbvcxz&#39;;
        for ($i=0;$i<32;$i++){
            $result .= $str[rand(0,48)];
        }
        return $result;
    }
//生成訂單號(hào)
    private function order_number($openid){
        //date(&#39;Ymd&#39;,time()).time().rand(10,99);//18位
        return md5($openid.time().rand(10,99));//32位
    }
//簽名 $data要先排好順序
    public function sign($data)
    {
        $stringA = &#39;&#39;;
        foreach ($data as $key => $value) {
            if (!$value) continue;
            if ($stringA) $stringA .= &#39;&&#39; . $key . "=" . $value;
            else $stringA = $key . "=" . $value;
        }
        $wx_key = &#39;Zhangyusheng19810318015729366660&#39;;//申請(qǐng)支付后有給予一個(gè)商戶賬號(hào)和密碼，登陸后自己設(shè)置key
        $stringSignTemp = $stringA . &#39;&key=&#39; . $wx_key;//申請(qǐng)支付后有給予一個(gè)商戶賬號(hào)和密碼，登陸后自己設(shè)置key 
      return strtoupper(md5($stringSignTemp));
    }
//curl請(qǐng)求啊
        function http_request($url, $data = null, $headers = array())
        {
            $curl = curl_init();
            if (count($headers) >= 1) {
                curl_setopt($curl, CURLOPT_HTTPHEADER, $headers);
            }
            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;
        }
//獲取xml
        private function xml($xml){
            $p = xml_parser_create();
            xml_parse_into_struct($p, $xml, $vals, $index);
            xml_parser_free($p);
            $data = "";
            foreach ($index as $key=>$value) {
                if($key == &#39;xml&#39; || $key == &#39;XML&#39;) continue;
                $tag = $vals[$value[0]][&#39;tag&#39;];
                $value = $vals[$value[0]][&#39;value&#39;];
                $data[$tag] = $value;
            }
            return $data;
        }
//微信支付結(jié)束

If you want to learn more about programming, please pay attention to the php training column!

The above is the detailed content of How to implement mini program payment function. For more information, please follow other related articles on the PHP Chinese website!