时隔许久,又做了个关于跑腿项目的小程序。本篇文章旨在记录自己的成长,以及帮助遇到这方面开发困难的朋友。写的十分详细,认真看完你也应该能够做出来。
今天来介绍下小程序支付的过程。
先上官方的流程
商户系统和微信支付系统主要交互:
1、小程序内调用登录接口,获取到用户的openid,api参见公共api【小程序登录API】
2、商户server调用支付统一下单,api参见公共api【统一下单API】
3、商户server调用再次签名,api参见公共api【再次签名】
4、商户server接收支付通知,api参见公共api【支付结果通知API】
5、商户server查询支付结果,api参见公共api【查询订单API】
--------------------------------------------------------------分割线--------------------------------------------------------------------------------
1.获取openid,这个openid是必须要获取的。
小程序自带登录时获取code,这个code用来交换获取openid。下面放我的小程序代码,我放在onLoad函数里的。
onLoad: function (options) {
var that=this;
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
if (res.code) {
wx.request({
url: 'http://icuz6a.natappfree.cc/login.php', //仅为示例,并非真实的接口地址
method: "GET",
data: {
"code": res.code
},
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
console.log(res.data.openid);
that.setData({
openid1: res.data.openid
})
/* if (res.data.openid) {
wx.setStorage({
key: "tokenId",
data: res.data.openid,
})
}*/
}
})
}
}
})
}
然后是后端代码,
<?php
$js_code= $_GET['code'];
$appid='wxa73fc2bacb6e0e94';
$secret='af85ce42bcf0f96c7044dd8fd0bf3c69';
$jsons =file_get_contents('https://api.weixin.qq.com/sns/jscode2session?appid='.$appid.'&secret='.$secret.'&js_code='.$js_code.'&grant_type=authorization_code');
$data = json_decode($jsons, true);
// 显示出来看看
echo json_encode($data);
?>
这样一到此页面加载时便会拿到openid
第一步完成了,接下来就简单了。
新建三个php文件,分别是WeixinPay.php notify.php payfee.php
WeixinPay.php代码如下(这个文件主要不要忽视掉notify的地址,替换为你自己的地址,notify文件代码在最后)
<?php
class WeixinPay {
protected $appid;
protected $mch_id;
protected $key;
protected $openid;
protected $out_trade_no;
protected $body;
protected $total_fee;
function __construct($appid, $openid, $mch_id, $key,$out_trade_no,$body,$total_fee) {
$this->appid = $appid;
$this->openid = $openid;
$this->mch_id = $mch_id;
$this->key = $key;
$this->out_trade_no = $out_trade_no;
$this->body = $body;
$this->total_fee = $total_fee;
}
public function pay() {
//统一下单接口
$return = $this->weixinapp();
return $return;
}
//统一下单接口
private function unifiedorder() {
$url = 'https://api.mch.weixin.qq.com/pay/unifiedorder';
$parameters = array(
'appid' => $this->appid, //小程序 ID
'mch_id' => $this->mch_id, //商户号
'nonce_str' => $this->createNoncestr(), //随机字符串
// 'body' => 'test', //商品描述
'body' => $this->body,
// 'out_trade_no' => '2018013106125348', //商户订单号
'out_trade_no'=> $this->out_trade_no,
// 'total_fee' => floatval(0.01 * 100), //总金额 单位 分
'total_fee' => $this->total_fee,
'spbill_create_ip' => $_SERVER['REMOTE_ADDR'], //终端 IP
// 'spbill_create_ip' => '192.168.0.161', //终端 IP
'notify_url' => 'http://icuz6a.natappfree.cc/pay/notify.php', //通知地址 确保外网能正常访问
'openid' => $this->openid, //用户 id
'trade_type' => 'JSAPI'//交易类型
);
//统一下单签名
$parameters['sign'] = $this->getSign($parameters);
$xmlData = $this->arrayToXml($parameters);
$return = $this->xmlToArray($this->postXmlCurl($xmlData, $url, 60));
return $return;
}
private static function postXmlCurl($xml, $url, $second = 30)
{
$ch = curl_init();
//设置超时
curl_setopt($ch, CURLOPT_TIMEOUT, $second);
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE); //严格校验
//设置 header
curl_setopt($ch, CURLOPT_HEADER, FALSE);
//要求结果为字符串且输出到屏幕上
curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
//post 提交方式
curl_setopt($ch, CURLOPT_POST, TRUE);
curl_setopt($ch, CURLOPT_POSTFIELDS, $xml);
curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 20);
curl_setopt($ch, CURLOPT_TIMEOUT, 40);
set_time_limit(0);
//运行 curl
$data = curl_exec($ch);
//返回结果
if ($data) {
curl_close($ch);
return $data;
} else {
$error = curl_errno($ch);
curl_close($ch);
throw new WxPayException("curl 出错,错误码:$error");
}
}
//数组转换成 xml
private function arrayToXml($arr) {
$xml = "<xml>";
foreach ($arr as $key => $val) {
if (is_array($val)) {
$xml .= "<" . $key . ">" . arrayToXml($val) . "</" . $key . ">";
} else {
$xml .= "<" . $key . ">" . $val . "</" . $key . ">";
}
}
$xml .= "</xml>";
return $xml;
}
//xml 转换成数组
private function xmlToArray($xml) {
//禁止引用外部 xml 实体
libxml_disable_entity_loader(true);
$xmlstring = simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA);
$val = json_decode(json_encode($xmlstring), true);
return $val;
}
//微信小程序接口
private function weixinapp() {
//统一下单接口
$unifiedorder = $this->unifiedorder();
// print_r($unifiedorder);
$parameters = array(
'appId' => $this->appid, //小程序 ID
'timeStamp' => '' . time() . '', //时间戳
'nonceStr' => $this->createNoncestr(), //随机串
'package' => 'prepay_id=' . $unifiedorder['prepay_id'], //数据包
'signType' => 'MD5'//签名方式
);
//签名
$parameters['paySign'] = $this->getSign($parameters);
return $parameters;
}
//作用:产生随机字符串,不长于 32 位
private function createNoncestr($length = 32) {
$chars = "abcdefghijklmnopqrstuvwxyz0123456789";
$str = "";
for ($i = 0; $i < $length; $i++) {
$str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);
}
return $str;
}
//作用:生成签名
private function getSign($Obj) {
foreach ($Obj as $k => $v) {
$Parameters[$k] = $v;
}
//签名步骤一:按字典序排序参数
ksort($Parameters);
$String = $this->formatBizQueryParaMap($Parameters, false);
//签名步骤二:在 string 后加入 KEY
$String = $String . "&key=" . $this->key;
//签名步骤三:MD5 加密
$String = md5($String);
//签名步骤四:所有字符转为大写
$result_ = strtoupper($String);
return $result_;
}
///作用:格式化参数,签名过程需要使用
private function formatBizQueryParaMap($paraMap, $urlencode) {
$buff = "";
ksort($paraMap);
foreach ($paraMap as $k => $v) {
if ($urlencode) {
$v = urlencode($v);
}
$buff .= $k . "=" . $v . "&";
}
$reqPar = '';
if (strlen($buff) > 0) {
$reqPar = substr($buff, 0, strlen($buff) - 1);
}
return $reqPar;
}
}
payfee.php:(这个用来放自己的参数,包括appid和商户号之类的)
<?php
include 'WeixinPay.php';
$appid=''; //小程序 appid
$openid= $_POST['id'];
$mch_id=''; //微信支付商户支付号
$key=''; //Api 密钥
$out_trade_no = $mch_id. time();
$total_fee = 1;
if (empty($total_fee)) { //押金
$body = "充值押金";
$total_fee = floatval(99*100);
} else {
$body = "充值余额";
$total_fee = floatval($total_fee*100);
}
$weixinpay = new WeixinPay($appid,$openid,$mch_id,$key,$out_trade_no,$body,$total_fee);
$return=$weixinpay->pay();
echo json_encode($return);
notify.php:
<?php
$postXml = $GLOBALS["HTTP_RAW_POST_DATA"]; //接收微信参数
// 接受不到参数可以使用 file_get_contents("php://input"); PHP 高版本中$GLOBALS 好像已经被废弃了
if (empty($postXml)) {
return false;
}
//将 xml 格式转换成数组
function xmlToArray($xml) {
//禁止引用外部 xml 实体
libxml_disable_entity_loader(true);
$xmlstring = simplexml_load_string($xml, 'SimpleXMLElement', LIBXML_NOCDATA);
$val = json_decode(json_encode($xmlstring), true);
return $val;
}
$attr = xmlToArray($postXml);
$total_fee = $attr['total_fee'];
$open_id = $attr['openid'];
$out_trade_no = $attr['out_trade_no'];
$time = $attr['time_end'];
小程序调用支付代码:
wx.request({
url: 'http://icuz6a.natappfree.cc/pay/payfee.php',//改成你自己的链接
data: {
id: this.data.openid1,//获取用户 openid
fee: 100 //商品价格
},
header: {
'Content-Type': 'application/x-www-form-urlencoded'
},
method: 'POST',
success: function (res) {
console.log(res.data);
console.log('调起支付');
wx.requestPayment({
'timeStamp': res.data.timeStamp,
'nonceStr': res.data.nonceStr,
'package': res.data.package,
'signType': 'MD5',
'paySign': res.data.paySign,
'success': function (res) {
console.log('success');
wx.showToast({
title: '支付成功',
icon: 'success',
duration: 3000
});
},
'fail': function (res) {
console.log(res);
},
'complete': function (res) {
console.log('complete');
}
});
},
fail: function (res) {
console.log(res.data)
}
});
}
因为是开发者所以需要扫码,实际过程中就是直接弹出支付了。
如果看完之后觉得很好,请给作者点个赞!谢谢
也可以请作者喝杯咖啡,技术之所以蓬勃生长就在于分享!