這篇文章主要介紹實(shí)現(xiàn)小程序支付功能的方,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
“專(zhuān)業(yè)、務(wù)實(shí)、高效、創(chuàng)新、把客戶(hù)的事當(dāng)成自己的事”是我們每一個(gè)人一直以來(lái)堅(jiān)持追求的企業(yè)文化。 成都創(chuàng)新互聯(lián)公司是您可以信賴(lài)的網(wǎng)站建設(shè)服務(wù)商、專(zhuān)業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專(zhuān)注于做網(wǎng)站、成都網(wǎng)站建設(shè)、軟件開(kāi)發(fā)、設(shè)計(jì)服務(wù)業(yè)務(wù)。我們始終堅(jiān)持以客戶(hù)需求為導(dǎo)向,結(jié)合用戶(hù)體驗(yàn)與視覺(jué)傳達(dá),提供有針對(duì)性的項(xiàng)目解決方案,提供專(zhuān)業(yè)性的建議,創(chuàng)新互聯(lián)建站將不斷地超越自我,追逐市場(chǎng),引領(lǐng)市場(chǎng)!實(shí)現(xiàn)小程序支付功能的方法:首先進(jìn)行前端請(qǐng)求支付,并在后端請(qǐng)求微信服務(wù)器;然后后端接受微信服務(wù)器并返回?cái)?shù)據(jù);接著前端發(fā)起支付;最后后端接受微信服務(wù)器回調(diào)即可。
實(shí)現(xiàn)小程序支付功能的方法:
1. 前端請(qǐng)求支付
前端請(qǐng)求支付,就是簡(jiǎn)單的攜帶支付需要的數(shù)據(jù),例如用戶(hù)標(biāo)識(shí),支付金額,支付訂單 ID 等等跟你的業(yè)務(wù)邏輯有關(guān)或者跟下一步請(qǐng)求微信服務(wù)器支付統(tǒng)一下單接口需要的數(shù)據(jù)有關(guān)** 的相關(guān)數(shù)據(jù),使用微信小程序的wx.request( )
去請(qǐng)求后端的支付接口。
2. 后端請(qǐng)求微信服務(wù)器
后端接收到前端發(fā)送的支付請(qǐng)求后,可以進(jìn)行一下相關(guān)驗(yàn)證,例如判斷一下用戶(hù)有沒(méi)有問(wèn)題,支付金額對(duì)不對(duì)等等。在驗(yàn)證沒(méi)什么問(wèn)題,可以向微信服務(wù)器申請(qǐng)支付之后,后端需要使用微信規(guī)定的數(shù)據(jù)格式 去請(qǐng)求微信的支付統(tǒng)一下單接口。
在處理好所有數(shù)據(jù)后,將這些數(shù)據(jù)以 XML 格式整理并以 POST 方法發(fā)送到微信支付統(tǒng)一下單接口
3.后端接受微信服務(wù)器返回?cái)?shù)據(jù)
微信服務(wù)器在接收到支付數(shù)據(jù)之后,如果數(shù)據(jù)沒(méi)有問(wèn)題,其會(huì)返回用于支付的相應(yīng)數(shù)據(jù),其中非常重要的是 名稱(chēng)為 prepay_id 的數(shù)據(jù)字段,需要將此數(shù)據(jù)返回前端,前端才能繼續(xù)支付。
因此,在后端接收到微信服務(wù)器的返回?cái)?shù)據(jù)后,需要進(jìn)行相應(yīng)的處理,最終返回到前端數(shù)據(jù),后端的支付接口已經(jīng)完成了接收前端支付請(qǐng)求,并返回了前端支付所需數(shù)據(jù)的功能。
4. 前端發(fā)起支付
前端在接收到返回?cái)?shù)據(jù)后,使用wx.requestPayment()
來(lái)請(qǐng)求發(fā)起支付。此 API 需要的對(duì)象參數(shù)各項(xiàng)值就是我們上一步返回的各個(gè)數(shù)據(jù)。
5.后端接受微信服務(wù)器回調(diào)
前端完成支付后,微信服務(wù)器確認(rèn)支付已經(jīng)完成。就會(huì)向第一步中設(shè)置的回調(diào)地址發(fā)送通知。后端的接收回調(diào)接口在接收到通知后,就可以判斷支付是否完成,從而決定后續(xù)動(dòng)作。
確認(rèn)支付后,微信服務(wù)器會(huì)根據(jù)通知result_code
字段判斷支付是否成功。在接受到成功的通知后,后端需要返回success數(shù)據(jù)向微信服務(wù)器告知已得到回調(diào)通知,以此完成支付流程,否則微信服務(wù)器會(huì)不停的向后端發(fā)送消息。
對(duì)比后可以發(fā)現(xiàn)發(fā)現(xiàn),其實(shí)小程序中做支付比公眾號(hào)支付要省事很多,因?yàn)椴恍枰Ц妒跈?quán)目錄,也不需要授權(quán)域名,但是支付流程卻比公眾號(hào)多了一步,就是統(tǒng)一下單是預(yù)支付,然后需要對(duì)預(yù)支付的結(jié)果再次簽名之后,才調(diào)起支付。
完整代碼如下:
//小程序端代碼: 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: { //用戶(hù)的openid openid:res.data, fee: that.data.totalPrice, //支付金額 details: that.data.goodsList[0].goods_name,//支付商品的名稱(chēng) }, 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('支付成功'); //獲取支付用戶(hù)的信息 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ù)號(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');//'用戶(hù)的openid【自己填寫(xiě)】'; $out_trade_no = $this->order_number($openid);//商戶(hù)訂單號(hào) $spbill_create_ip = '123.206.45.131';//'服務(wù)器的ip【自己填寫(xiě)】'; $total_fee = $fee*100;//因?yàn)槌渲到痤~最小是1 而且單位為分 如果是充值1元所以這里需要*100 $trade_type = 'JSAPI';//交易類(lèi)型 默認(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 = '<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> '; //統(tǒng)一接口prepay_id $url = '/tupian/20230522/unifiedorder& $xml = $this->http_request($url,$post_xml); $array = $this->xml($xml);//全要大寫(xiě) if($array['RETURN_CODE'] == 'SUCCESS' && $array['RESULT_CODE'] == 'SUCCESS'){ $time = time(); $tmp='';//臨時(shí)數(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";//時(shí)間戳 $data['nonceStr'] = $nonce_str;//隨機(jī)字符串 $data['signType'] = 'MD5';//簽名算法,暫支持 MD5 $data['package'] = 'prepay_id='.$array['PREPAY_ID'];//統(tǒng)一下單接口返回的 prepay_id 參數(shù)值,提交格式如:prepay_id=* $data['paySign'] = $this->sign($tmp);//簽名,具體簽名方案參見(jiàn)微信公眾號(hào)支付幫助文檔; $data['out_trade_no'] = $out_trade_no; }else{ $data['state'] = 0; $data['text'] = "錯(cuò)誤"; $data['RETURN_CODE'] = $array['RETURN_CODE']; $data['RETURN_MSG'] = $array['RETURN_MSG']; } echo json_encode($data); } //隨機(jī)32位字符串 private function nonce_str(){ $result = ''; $str = 'QWERTYUIOPASDFGHJKLZXVBNMqwertyuioplkjhgfdsamnbvcxz'; for ($i=0;$i<32;$i++){ $result .= $str[rand(0,48)]; } return $result; } //生成訂單號(hào) 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';//申請(qǐng)支付后有給予一個(gè)商戶(hù)賬號(hào)和密碼,登陸后自己設(shè)置key $stringSignTemp = $stringA . '&key=' . $wx_key;//申請(qǐng)支付后有給予一個(gè)商戶(hù)賬號(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 == 'xml' || $key == 'XML') continue; $tag = $vals[$value[0]]['tag']; $value = $vals[$value[0]]['value']; $data[$tag] = $value; } return $data; } //微信支付結(jié)束
以上是“實(shí)現(xiàn)小程序支付功能的方”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
本文名稱(chēng):實(shí)現(xiàn)小程序支付功能的方-創(chuàng)新互聯(lián)
瀏覽地址:http://muchs.cn/article46/djgphg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、Google、用戶(hù)體驗(yàn)、網(wǎng)站導(dǎo)航、企業(yè)網(wǎng)站制作、App開(kāi)發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容