如何實現小程式支付功能
實現小程式支付功能的方法：首先進行前端請求支付，並在後端請求微信伺服器；然後後端接受微信伺服器並返回資料；接著前端發起付款；最後後端接受微信伺服器回調即可。
【相關學習推薦：#小程式開發教學】
#實作小程式支付功能的方法：
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中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
百度地圖搭計程車如何支付 搭計程車的付款步驟介紹
Mar 13, 2024 am 10:04 AM
百度地圖APP現在已經都成為了超多用戶們首選的出行導航的軟體，那麼這裡的一些功能全面，都能夠免費的讓大家進行選擇操作哦，解決自己日常出行方面會遇到的一些問題，完全都能夠查詢到自己的一些出行的路線，規劃自己的一些出行的方案，查詢完對應的這一些路線，都能根據自己的需求，選擇合適的一些出行方式，那麼你們不管是選擇一些公共交通，騎行，步行或是搭計程車等，都能滿足你們的，有著對應的一些導航路線，成功的帶領你們去往某地，那麼大家選擇打車的話，都能感到更加的方便，超多的一些司機們都是會在線上接單，搭計程車變得超級
uniapp應用程式如何實現支付與訂單管理
Oct 19, 2023 am 10:37 AM
uniapp是一個跨平台的應用程式開發框架，可以同時開發小程式、App和H5。在uniapp應用程式中，實現支付和訂單管理是非常常見的需求。本文將介紹如何在uniapp應用中實現支付功能和訂單管理，並給出具體的程式碼範例。一、實現支付功能支付功能是實現線上交易的關鍵，通常需要整合第三方支付平台的SDK。以下是uniapp中實現支付功能的具體步驟：註冊並取得第三方支付平
使用Python開發微信小程式
Jun 17, 2023 pm 06:34 PM
隨著行動互聯網技術和智慧型手機的普及，微信成為了人們生活中不可或缺的一個應用。而微信小程式則讓人們可以在不需要下載安裝應用程式的情況下，直接使用小程式來解決一些簡單的需求。本文將介紹如何使用Python來開發微信小程式。一、準備工作在使用Python開發微信小程式之前，需要先安裝相關的Python函式庫。這裡推薦使用wxpy和itchat這兩個函式庫。 wxpy是一個微信機器
使用PHP和PayPal API進行支付
Jun 19, 2023 pm 04:13 PM
隨著網路交易的日益普及，支付方式也逐漸多樣化，其中PayPal作為一種廣泛使用的支付方法備受歡迎。如果您想在您的網站或應用程式上使用PayPal來處理交易，那麼您可以使用PHP和PayPalAPI來輕鬆完成付款流程。 PayPalAPI是一組程式設計接口，用於與PayPal進行互動。透過API，您可以接收來自PayPal的通知、查詢最新的交易資訊、發起付款
實作微信小程式中的卡片翻轉特效
Nov 21, 2023 am 10:55 AM
實作微信小程式中的卡片翻轉特效在微信小程式中，實現卡片翻轉特效是一種常見的動畫效果，可以提升使用者體驗和介面互動的吸引力。以下將具體介紹如何在微信小程式中實現卡片翻轉的特效，並提供相關程式碼範例。首先，需要在小程式的頁面佈局檔案中定義兩個卡片元素，一個用於顯示正面內容，一個用於顯示背面內容，具體範例程式碼如下：<!--index.wxml-->&l
小程式能用react嗎
Dec 29, 2022 am 11:06 AM
小程式能用react，其使用方法：1、基於「react-reconciler」實作一個渲染器，產生一個DSL；2、建立一個小程式元件，去解析和渲染DSL；3、安裝npm，並執行開發者工具中的建構npm；4、在自己的頁面中引入包，再利用api即可完成開發。
支付寶上線「漢字拾光-生僻字」小程序，用於徵集、補充生僻字庫
Oct 31, 2023 pm 09:25 PM
本站10月31日消息，今年5月27日，螞蟻集團宣布啟動“漢字拾光計劃”，最近又迎來新進展：支付寶上線“漢字拾光-生僻字”小程序，用於向社會徵集生僻字，補充生僻字庫，同時提供不同的生僻字輸入體驗，以幫助完善支付寶內的生僻字輸入方法。目前，用戶搜尋「漢字拾光」、「生僻字」等關鍵字就可以進入「生僻字」小程式。在小程式裡，使用者可以提交尚未被系統辨識輸入的生僻字圖片，支付寶工程師確認後，將會對字庫進行補錄入。本站注意到，使用者也可以在小程式體驗最新的拆字輸入法，這項輸入法針對讀音不明確的生僻字設計。用戶拆
uniapp如何實現小程式和H5的快速轉換
Oct 20, 2023 pm 02:12 PM
uniapp如何實現小程式和H5的快速轉換，需要具體程式碼範例近年來，隨著行動網路的發展和智慧型手機的普及，小程式和H5成為了不可或缺的應用形式。而uniapp作為一個跨平台的開發框架，可以在一套程式碼的基礎上，快速實現小程式和H5的轉換，大大提高了開發效率。本文將介紹uniapp如何實現小程式和H5的快速轉換，並給出具體的程式碼範例。一、uniapp簡介unia
