如何实现小程序支付功能
实现小程序支付功能的方法：首先进行前端请求支付，并在后端请求微信服务器；然后后端接受微信服务器并返回数据；接着前端发起支付；最后后端接受微信服务器回调即可。
【相关学习推荐：小程序开发教程】
实现小程序支付功能的方法：
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脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++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是一个微信机器
小程序能用react吗
Dec 29, 2022 am 11:06 AM
小程序能用react，其使用方法：1、基于“react-reconciler”实现一个渲染器，生成一个DSL；2、创建一个小程序组件，去解析和渲染DSL；3、安装npm，并执行开发者工具中的构建npm；4、在自己的页面中引入包，再利用api即可完成开发。
使用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
支付宝上线'汉字拾光-生僻字”小程序，用于征集、补充生僻字库
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
