這篇文章主要介紹實現(xiàn)小程序支付功能的方,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
“專業(yè)、務(wù)實、高效、創(chuàng)新、把客戶的事當(dāng)成自己的事”是我們每一個人一直以來堅持追求的企業(yè)文化。 成都創(chuàng)新互聯(lián)公司是您可以信賴的網(wǎng)站建設(shè)服務(wù)商、專業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專注于做網(wǎng)站、成都網(wǎng)站建設(shè)、軟件開發(fā)、設(shè)計服務(wù)業(yè)務(wù)。我們始終堅持以客戶需求為導(dǎo)向,結(jié)合用戶體驗與視覺傳達,提供有針對性的項目解決方案,提供專業(yè)性的建議,創(chuàng)新互聯(lián)建站將不斷地超越自我,追逐市場,引領(lǐng)市場!實現(xiàn)小程序支付功能的方法:首先進行前端請求支付,并在后端請求微信服務(wù)器;然后后端接受微信服務(wù)器并返回數(shù)據(jù);接著前端發(fā)起支付;最后后端接受微信服務(wù)器回調(diào)即可。
實現(xiàn)小程序支付功能的方法:
1. 前端請求支付
前端請求支付,就是簡單的攜帶支付需要的數(shù)據(jù),例如用戶標(biāo)識,支付金額,支付訂單 ID 等等跟你的業(yè)務(wù)邏輯有關(guān)或者跟下一步請求微信服務(wù)器支付統(tǒng)一下單接口需要的數(shù)據(jù)有關(guān)** 的相關(guān)數(shù)據(jù),使用微信小程序的wx.request( )
去請求后端的支付接口。
2. 后端請求微信服務(wù)器
后端接收到前端發(fā)送的支付請求后,可以進行一下相關(guān)驗證,例如判斷一下用戶有沒有問題,支付金額對不對等等。在驗證沒什么問題,可以向微信服務(wù)器申請支付之后,后端需要使用微信規(guī)定的數(shù)據(jù)格式 去請求微信的支付統(tǒng)一下單接口。
在處理好所有數(shù)據(jù)后,將這些數(shù)據(jù)以 XML 格式整理并以 POST 方法發(fā)送到微信支付統(tǒng)一下單接口
3.后端接受微信服務(wù)器返回數(shù)據(jù)
微信服務(wù)器在接收到支付數(shù)據(jù)之后,如果數(shù)據(jù)沒有問題,其會返回用于支付的相應(yīng)數(shù)據(jù),其中非常重要的是 名稱為 prepay_id 的數(shù)據(jù)字段,需要將此數(shù)據(jù)返回前端,前端才能繼續(xù)支付。
因此,在后端接收到微信服務(wù)器的返回數(shù)據(jù)后,需要進行相應(yīng)的處理,最終返回到前端數(shù)據(jù),后端的支付接口已經(jīng)完成了接收前端支付請求,并返回了前端支付所需數(shù)據(jù)的功能。
4. 前端發(fā)起支付
前端在接收到返回數(shù)據(jù)后,使用wx.requestPayment()
來請求發(fā)起支付。此 API 需要的對象參數(shù)各項值就是我們上一步返回的各個數(shù)據(jù)。
5.后端接受微信服務(wù)器回調(diào)
前端完成支付后,微信服務(wù)器確認(rèn)支付已經(jīng)完成。就會向第一步中設(shè)置的回調(diào)地址發(fā)送通知。后端的接收回調(diào)接口在接收到通知后,就可以判斷支付是否完成,從而決定后續(xù)動作。
確認(rèn)支付后,微信服務(wù)器會根據(jù)通知result_code
字段判斷支付是否成功。在接受到成功的通知后,后端需要返回success數(shù)據(jù)向微信服務(wù)器告知已得到回調(diào)通知,以此完成支付流程,否則微信服務(wù)器會不停的向后端發(fā)送消息。
對比后可以發(fā)現(xiàn)發(fā)現(xiàn),其實小程序中做支付比公眾號支付要省事很多,因為不需要支付授權(quán)目錄,也不需要授權(quán)域名,但是支付流程卻比公眾號多了一步,就是統(tǒng)一下單是預(yù)支付,然后需要對預(yù)支付的結(jié)果再次簽名之后,才調(diào)起支付。
完整代碼如下:
//小程序端代碼: 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';//回調(diào)的url【自己填寫】'; $openid = $request->param('openid');//'用戶的openid【自己填寫】'; $out_trade_no = $this->order_number($openid);//商戶訂單號 $spbill_create_ip = '123.206.45.131';//'服務(wù)器的ip【自己填寫】'; $total_fee = $fee*100;//因為充值金額最小是1 而且單位為分 如果是充值1元所以這里需要*100 $trade_type = 'JSAPI';//交易類型 默認(rèn) //這里是按照順序的 因為下面的簽名是按照順序 排序錯誤 肯定出錯 $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;//總金額 最低為一塊錢 必須是整數(shù) $post['trade_type'] = $trade_type; $sign = $this->sign($post);//簽名 $post_xml = ''; //統(tǒng)一接口prepay_id $url = '/tupian/20230522/unifiedorder& $xml = $this->http_request($url,$post_xml); $array = $this->xml($xml);//全要大寫 if($array['RETURN_CODE'] == 'SUCCESS' && $array['RESULT_CODE'] == 'SUCCESS'){ $time = time(); $tmp='';//臨時數(shù)組用于簽名 $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'];//統(tǒng)一下單接口返回的 prepay_id 參數(shù)值,提交格式如: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';//申請支付后有給予一個商戶賬號和密碼,登陸后自己設(shè)置key $stringSignTemp = $stringA . '&key=' . $wx_key;//申請支付后有給予一個商戶賬號和密碼,登陸后自己設(shè)置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; } //微信支付結(jié)束 '.$appid.' '.$body.''.$mch_id.' '.$nonce_str.' '.$notify_url.' '.$openid.' '.$out_trade_no.' '.$spbill_create_ip.' '.$total_fee.' '.$trade_type.' '.$sign.'
以上是“實現(xiàn)小程序支付功能的方”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!