本教程主要讲解了如何集成微信支付在微信小程序服务端? 操作起来是很简单的，想要学习的朋友们可以跟着酷牛教程小编一起去看一看下文，希望能够帮助到大家。
一共三步：
1.小程序端通过wx.login的返回的code换取openid
2.服务端向微信统一下单
3.小程序端发起支付
事先准备好这几样东西：
APPID = \\\'wx426b3015555a46be\\\';
MCHID = \\\'1900009851\\\';
KEY = \\\'8934e7d15453e97507ef794cf7b0519d\\\';
APPSECRET = \\\'7813490da6f1265e4901ffb80afaa36f\\\';
复制代码
PHP SDK，下载链接见文尾
第1、4样是申请小程序时获得的，第2、3样是申请开通微信支付时获得的，注意第3、4样长得比较像，其实是2个东西，两者混淆将导致签名通不过。
向微信端下单，得到prepay_id
1. 创建一个Controller，引并WxPay.Api.php类
require_once __DIR__ . \\\'/BaseController.php\\\';
require_once __DIR__ . \\\'/../third_party/wxpay/WxPay.Api.php\\\';
class WXPay extends BaseController {
function index() {
}
}
复制代码
之后可以通过index.php/wxpay来作访问请求
2. 修改配置文件WxPay.Config.php
改成自己申请得到相应key
3. 实现index方法
function index() {
// 初始化值对象
$input = new WxPayUnifiedOrder();
// 文档提及的参数规范：商家名称-销售商品类目
$input->SetBody(\"灵动商城-手机\");
// 订单号应该是由小程序端传给服务端的，在用户下单时即生成，demo中取值是一个生成的时间戳
$input->SetOut_trade_no(\\\'123123123\\\');
// 费用应该是由小程序端传给服务端的，在用户下单时告知服务端应付金额，demo中取值是1，即1分钱
$input->SetTotal_fee(\"1\");
$input->SetNotify_url(\"//paysdk.weixin.qq.com/example/notify.php\");
$input->SetTrade_type(\"JSAPI\");
// 由小程序端传给服务端
$input->SetOpenid($this->input->post(\\\'openId\\\'));
// 向微信统一下单，并返回order，它是一个array数组
$order = WxPayApi::unifiedOrder($input);
// json化返回给小程序端
header(\"Content-Type: application/json\");
echo json_encode($order);
}
复制代码
说明1：文档上提到的nonce_str不是没提交，而是sdk帮我们填上的
出处在WxPay.Api.php第55行
$inputObj->SetNonce_str(self::getNonceStr());//随机字符串
复制代码
说明2：sign也已经好心地给setSign了，出处在WxPay.Data.php第111行，MakeSign()中
/**
* 生成签名
* @return 签名，本函数不覆盖sign成员变量，如要设置签名需要调用SetSign方法赋值
*/
public function MakeSign()
{
//签名步骤一：按字典序排序参数
ksort($this->values);
$string = $this->ToUrlParams();
//签名步骤二：在string后加入KEY
$string = $string . \"&key=\".WxPayConfig::KEY;
//签名步骤三：MD5加密
$string = md5($string);
//签名步骤四：所有字符转为大写
$result = strtoupper($string);
return $result;
}
复制代码
4. 小程序内调用登录接口，获取openid
向微信登录请求，拿到code，再将code提交换取openId
wx.login({
success: function(res) {
if (res.code) {
//发起网络请求
wx.request({
url: \\\'https://api.weixin.qq.com/sns/jscode2session?appid=wx9114b997bd86f***&secret=d27551c7803cf16015e536b192******&js_code=\\\'+res.code+\\\'&grant_type=authorization_code\\\',
data: {
code: res.code
},
success: function (response) {
console.log(response);
}
})
} else {
console.log(\\\'获取用户登录态失败!\\\' + res.errMsg)
}
}
});
复制代码
从控制台看到已经成功拿到openid，剩下的事情就是将它传到服务端就好了，服务端那边$this->input->post(\\\'openId\\\')等着收呢。
5. 小程序端发起请求，作统一下单
//统一下单接口对接
wx.request({
url: \\\'https://lendoo.leanapp.cn/index.php/WXPay\\\',
data: {
openId: openId
},
success: function (response) {
console.log(response);
},
header: {
\\\'content-type\\\': \\\'application/x-www-form-urlencoded\\\'
},
});
复制代码
得到如下结果
{
\"appid\": \"wx9114b997bd86f8ed\",
\"mch_id\": \"1414142302\",
\"nonce_str\": \"eEICgYFuGqxFRK6f\",
\"prepay_id\": \"wx201701022235141fc713b8f80137935406\",
\"result_code\": \"SUCCESS\",
\"return_code\": \"SUCCESS\",
\"return_msg\": \"OK\",
\"sign\": \"63E60C8CD90394FB50E612D085F5362C\",
\"trade_type\": \"JSAPI\"
}
复制代码
6. 小程序端调起支付API
// 发起支付
var appId = response.data.appid;
var timeStamp = (Date.parse(new Date()) / 1000).toString();
var pkg = \\\'prepay_id=\\\' + response.data.prepay_id;
var nonceStr = response.data.nonce_str;
var paySign = md5.hex_md5(\\\'appId=\\\'+appId+\\\'&nonceStr=\\\'+nonceStr+\\\'&package=\\\'+pkg+\\\'&signType=MD5&timeStamp=\\\'+timeStamp+\"&key=d27551c7803cf16***e536b192d5d03b\").toUpperCase();
console.log(paySign);
console.log(appId);
wx.requestPayment({
\\\'timeStamp\\\': timeStamp,
\\\'nonceStr\\\': nonceStr,
\\\'package\\\': pkg,
\\\'signType\\\': \\\'MD5\\\',
\\\'paySign\\\': paySign,
\\\'success\\\':function(res){
console.log(\\\'success\\\');
console.log(res);
}
});
复制代码
模拟器测试，将弹出一个二维码供扫描
结果报了一个错误：
errMsg:\"requestPayment:fail\"err_code:2err_desc:\"支付验证签名失败\"
key需要加入到签名中!!!\\\'appId=\\\'+appId+\\\'&nonceStr=\\\'+nonceStr+\\\'&package=\\\'+pkg+\\\'&signType=MD5&timeStamp=\\\'+timeStamp+\"&key=d27551c7803cf16*e536b192d5d03b\"这才是完整的。
可是文档里明明没提到key啊
支付成功截图
以上就是如何集成微信支付在微信小程序服务端的全部内容了，大家都学会了吗?
本文来自投稿，不代表酷牛教程立场，如若转载，请注明出处：https://www.xukn.com/97451.html
