简书链接:小程序之支付的大致流程
文章字数:595,阅读全文大约需要2分钟
还是那句话,我很想拥有永不遗忘的记忆和无限的青春,人类真的太脆弱了,累死累活还特么白累了,很久很久以前我是会做小程序的也理解微信小程序支付的,但是开发了几个月安卓又回来搞小程序又忘记了,所以还是需要做个笔记写下关键信息,方便下次快速掌握思路。然后照搬以前的代码没毛病!

  1. 微信小程序支付 需要获取预支付地址

  2. 预支付地址 实际上是访问微信的地址, 但是小程序只能 访问认证的地址进行请求, 我们服务器https审核通过了的。因此第二步是访问我们自己的服务器

  3. 所有 第一步是请求我们自己的服务器 我们自己的服务器返回prepay_id.res.data.sign noncestr 然后提交给第五步`

  4. 调用 wx.requestPayment();发起支付需要传递 appid, appkey,时间戳,包名 和订单号
    1 .支付成功之后 查询 订单号是否成功产生 查询没有记录弹出对话框是否重试。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var that = this;
var list = "appId" + "=" + "wx71xxx;
list = list + "&" + "nonceStr" + "=" + nonce_str;
list = list + "&" + "package" + "=" + "prepay_id=" + prepay_id;
list = list + "&" + "signType" + "=" + "MD5";
list = list + "&" + "timeStamp" + "=" + time;
list = list + "&" + "key" + "=" + "xxxxxxx";
sign = md5.md5(list).toUpperCase();

sign = md5.md5(list).toUpperCase();
console.debug("sign_str_and_md5", list.toString(), sign);
wx.requestPayment({
timeStamp: time + "",
nonceStr: nonce_str,
"package": "prepay_id=" + prepay_id,
signType: 'MD5',
paySign: sign,
success: function (res) {
that.showQueryDialog(nonce_str);
},

注意:第二步 也就是服务器查询预支付id然后返回给小程序

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127

<?php
//var_dump($_POST);
//exit;
$order_no=$_REQUEST['order_no'];
$order_price=$_REQUEST['order_price'];
$body=$_REQUEST['body'];
$userid=$_REQUEST['userid'];

require 'WxPayPubHelper/WxPayPubHelper.php';
$jsApi=new JsApi_pub();
if(!isset($_GET['code'])){
$state = $order_no."$$".$order_price."$$".$body."$$".$userid;
$url = $jsApi->createOauthUrlForCode(WxPayConf_pub::JS_API_CALL_URL,$state);
Header("Location: $url");
}else{
$code=$_GET['code'];
$jsApi->setCode($code);
$openid=$jsApi->getOpenId();
//$openid="o0Wibsx6yjYs7m1xvRaQJ4ljOx0s";
//echo($openid."<br>");
$state=$_GET['state'];

list($order_no,$order_price,$body,$userid)=explode('$$',$state);
$order_price*=100;
}

//=========步骤2:使用统一支付接口,获取prepay_id============
//使用统一支付接口
$unifiedOrder = new UnifiedOrder_pub();

//设置统一支付接口参数
//设置必填参数
//appid已填,商户无需重复填写
//mch_id已填,商户无需重复填写
//noncestr已填,商户无需重复填写
//spbill_create_ip已填,商户无需重复填写
//sign已填,商户无需重复填写

$unifiedOrder->setParameter("openid","$openid");
$unifiedOrder->setParameter("body","$body");//商品描述
//自定义订单号,此处仅作举例
$time = time();
$timeStamp = "$time";
//$timeStamp = time();
$out_trade_no = WxPayConf_pub::APPID."$timeStamp";
$unifiedOrder->setParameter("out_trade_no","$order_no");//商户订单号
$unifiedOrder->setParameter("total_fee","$order_price");//总金额$total
$unifiedOrder->setParameter("notify_url",WxPayConf_pub::NOTIFY_URL);//通知地址
$unifiedOrder->setParameter("trade_type","JSAPI");//交易类型
//非必填参数,商户可根据实际情况选填
//$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商户号
//$unifiedOrder->setParameter("device_info","XXXX");//设备号
//$unifiedOrder->setParameter("attach","XXXX");//附加数据
//$unifiedOrder->setParameter("time_start","XXXX");//交易起始时间
//$unifiedOrder->setParameter("time_expire","XXXX");//交易结束时间
//$unifiedOrder->setParameter("goods_tag","XXXX");//商品标记
//$unifiedOrder->setParameter("openid","XXXX");//用户标识
//$unifiedOrder->setParameter("product_id","XXXX");//商品ID

$prepay_id = $unifiedOrder->getPrepayId();
//=========步骤3:使用jsapi调起支付============
$jsApi->setPrepayId($prepay_id);

$jsApiParameters = $jsApi->getParameters();

?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /><meta content="telephone=no" name="format-detection" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>充值</title>
<script type="text/javascript">

//调用微信JS api 支付
function jsApiCall()
{
WeixinJSBridge.invoke(
'getBrandWCPayRequest',
<?php echo $jsApiParameters; ?>,
function(res){
WeixinJSBridge.log(res.err_msg);
if (res.err_msg === 'get_brand_wcpay_request:ok') {

location.href="pay_ok.php?order_no=<?=$order_no?>&order_price=<?=$order_price?>&body=<?=$body?>&userid=<?=$userid?>&trade_type=<?=$trade_type?>&prepay_id=<?=$prepay_id?>";
}
}
);
}

function callpay()
{
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', jsApiCall);
document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
}
}else{
jsApiCall();
}
}
</script>
<body data-role="page">
<div id="reserve">
<form id="form1" action="pay.php" method="POST">
<div class="myform">
<div class="row">
<span class="label">商品名称</span>
<span><?php echo $body;?></span>
<div class="clear"></div>
</div>
<div class="row">
<span class="label">充值金额</span>
<span><?php echo $order_price/100;?>元</span>
<div class="clear"></div>
</div>
<div class="blank9"></div>
<div><input type="button" class="submit" value="微 信 支 付" onclick="callpay();"/></div>
</div>
</form>
</div>
</body>
</html>