溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹實現小程序支付功能的方，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
實現小程序支付功能的方法：首先進行前端請求支付，并在后端請求微信服務器；然后后端接受微信服務器并返回數據；接著前端發起支付；最后后端接受微信服務器回調即可。
實現小程序支付功能的方法：
1. 前端請求支付
前端請求支付，就是簡單的攜帶支付需要的數據，例如用戶標識，支付金額，支付訂單 ID 等等跟你的業務邏輯有關或者跟下一步請求微信服務器支付統一下單接口需要的數據有關** 的相關數據，使用微信小程序的 wx.request( ) 去請求后端的支付接口。
2. 后端請求微信服務器
后端接收到前端發送的支付請求后，可以進行一下相關驗證，例如判斷一下用戶有沒有問題，支付金額對不對等等。在驗證沒什么問題，可以向微信服務器申請支付之后，后端需要使用微信規定的數據格式 去請求微信的支付統一下單接口。
在處理好所有數據后，將這些數據以 XML 格式整理并以 POST 方法發送到微信支付統一下單接口
3.后端接受微信服務器返回數據
微信服務器在接收到支付數據之后，如果數據沒有問題，其會返回用于支付的相應數據，其中非常重要的是 名稱為 prepay_id 的數據字段，需要將此數據返回前端，前端才能繼續支付。
因此，在后端接收到微信服務器的返回數據后，需要進行相應的處理，最終返回到前端數據，后端的支付接口已經完成了接收前端支付請求，并返回了前端支付所需數據的功能。
4. 前端發起支付
前端在接收到返回數據后，使用 wx.requestPayment()來請求發起支付。此 API 需要的對象參數各項值就是我們上一步返回的各個數據。
5.后端接受微信服務器回調
前端完成支付后，微信服務器確認支付已經完成。就會向第一步中設置的回調地址發送通知。后端的接收回調接口在接收到通知后，就可以判斷支付是否完成，從而決定后續動作。
確認支付后，微信服務器會根據通知result_code字段判斷支付是否成功。在接受到成功的通知后，后端需要返回success數據向微信服務器告知已得到回調通知，以此完成支付流程，否則微信服務器會不停的向后端發送消息。
對比后可以發現發現，其實小程序中做支付比公眾號支付要省事很多，因為不需要支付授權目錄，也不需要授權域名，但是支付流程卻比公眾號多了一步，就是統一下單是預支付，然后需要對預支付的結果再次簽名之后，才調起支付。
完整代碼如下：
//小程序端代碼：
pay:function(){
var that=this
wx.getStorage({
key: 'openid',
success: function(res) {
wx.request({
//這里是后臺的處理方法，url是自定義的，直接換成你自己的后臺處理方法即可，Wx_Pay這個方法在下面寫的有
//后臺用的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){
}
})
}
}
})
},
})
},
//后臺
//微信支付
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;// '金邦匯商城';//'【自己填寫】'
$mch_id = '1486742092';//'你的商戶號【自己填寫】'
$nonce_str = $this->nonce_str();//隨機字符串
$notify_url = 'https://zys.jinbh.cn/admin/Api/Wx_Speech';//回調的url【自己填寫】';
$openid = $request->param('openid');//'用戶的openid【自己填寫】';
$out_trade_no = $this->order_number($openid);//商戶訂單號
$spbill_create_ip = '123.206.45.131';//'服務器的ip【自己填寫】';
$total_fee = $fee*100;//因為充值金額最小是1 而且單位為分 如果是充值1元所以這里需要*100
$trade_type = 'JSAPI';//交易類型 默認
//這里是按照順序的 因為下面的簽名是按照順序 排序錯誤 肯定出錯
$post['appid'] = $appid;
$post['body'] = $body;
$post['mch_id'] = $mch_id;
$post['nonce_str'] = $nonce_str;//隨機字符串
$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;//總金額 最低為一塊錢 必須是整數
$post['trade_type'] = $trade_type;
$sign = $this->sign($post);//簽名
$post_xml = '<xml>
<appid>'.$appid.'</appid>
<body>'.$body.'</body>
<mch_id>'.$mch_id.'</mch_id>
<nonce_str>'.$nonce_str.'</nonce_str>
<notify_url>'.$notify_url.'</notify_url>
<openid>'.$openid.'</openid>
<out_trade_no>'.$out_trade_no.'</out_trade_no>
<spbill_create_ip>'.$spbill_create_ip.'</spbill_create_ip>
<total_fee>'.$total_fee.'</total_fee>
<trade_type>'.$trade_type.'</trade_type>
<sign>'.$sign.'</sign>
</xml> ';
//統一接口prepay_id
$url = 'https://api.mch.weixin.qq.com/pay/unifiedorder';
$xml = $this->http_request($url,$post_xml);
$array = $this->xml($xml);//全要大寫
if($array['RETURN_CODE'] == 'SUCCESS' && $array['RESULT_CODE'] == 'SUCCESS'){
$time = time();
$tmp='';//臨時數組用于簽名
$tmp['appId'] = $appid;
$tmp['nonceStr'] = $nonce_str;
$tmp['package'] = 'prepay_id='.$array['PREPAY_ID'];
$tmp['signType'] = 'MD5';
$tmp['timeStamp'] = "$time";
$data['state'] = 1;
$data['timeStamp'] = "$time";//時間戳
$data['nonceStr'] = $nonce_str;//隨機字符串
$data['signType'] = 'MD5';//簽名算法，暫支持 MD5
$data['package'] = 'prepay_id='.$array['PREPAY_ID'];//統一下單接口返回的 prepay_id 參數值，提交格式如：prepay_id=*
$data['paySign'] = $this->sign($tmp);//簽名,具體簽名方案參見微信公眾號支付幫助文檔;
$data['out_trade_no'] = $out_trade_no;
}else{
$data['state'] = 0;
$data['text'] = "錯誤";
$data['RETURN_CODE'] = $array['RETURN_CODE'];
$data['RETURN_MSG'] = $array['RETURN_MSG'];
}
echo json_encode($data);
}
//隨機32位字符串
private function nonce_str(){
$result = '';
$str = 'QWERTYUIOPASDFGHJKLZXVBNMqwertyuioplkjhgfdsamnbvcxz';
for ($i=0;$i<32;$i++){
$result .= $str[rand(0,48)];
}
return $result;
}
//生成訂單號
private function order_number($openid){
//date('Ymd',time()).time().rand(10,99);//18位
return md5($openid.time().rand(10,99));//32位
}
//簽名 $data要先排好順序
public function sign($data)
{
$stringA = '';
foreach ($data as $key => $value) {
if (!$value) continue;
if ($stringA) $stringA .= '&' . $key . "=" . $value;
else $stringA = $key . "=" . $value;
}
$wx_key = 'Zhangyusheng19810318015729366660';//申請支付后有給予一個商戶賬號和密碼，登陸后自己設置key
$stringSignTemp = $stringA . '&key=' . $wx_key;//申請支付后有給予一個商戶賬號和密碼，登陸后自己設置key
return strtoupper(md5($stringSignTemp));
}
//curl請求啊
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 == 'xml' || $key == 'XML') continue;
$tag = $vals[$value[0]]['tag'];
$value = $vals[$value[0]]['value'];
$data[$tag] = $value;
}
return $data;
}
//微信支付結束以上是“實現小程序支付功能的方”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
