實現小程式支付功能的方法:首先進行前端請求支付,並在後端請求微信伺服器;然後後端接受微信伺服器並返回資料;接著前端發起付款;最後後端接受微信伺服器回調即可。
【相關學習推薦:#小程式開發教學】
#實作小程式支付功能的方法:
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; } //微信支付结束
#想了解更多程式設計學習,請關注php培訓欄位!
以上是如何實現小程式支付功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!