最近在折微信公众号内H5用JSAPI调用微信支付，境内服务商版支付，微信支付给出的官方文档以及SDK不够详细，导至我们走了一些弯路，把他分享出来，我这边主要是用PHP开发，所以未加说的话示例都是PHP代码
微信的官方文档 https://pay.weixin.qq.com/wiki/doc/api/jsapi_sl.php?chapter=7_1
1.服务商模式下调用统一下单
独立商户模式统一下单：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1
服务商模式下统一下单:https://pay.weixin.qq.com/wiki/doc/api/jsapi_sl.php?chapter=9_1
统一下单与与独立商户模式之间有一点点修改，两个参数,sub_mch_id,sub_appid，原来的openid 参数改为sub_openid
**
* 文件:WxPayPubHelper.php
* 统一支付接口类
* Class UnifiedOrder_pub
*/
class UnifiedOrder_pub extends Wxpay_client_pub
{
public function __construct()
{
//设置接口链接
$this->url = "https://api.mch.weixin.qq.com/pay/unifiedorder";
//设置curl超时时间
$this->curl_timeout = WxPayConf_pub::getParams('curl_timeout');
} /**
* 生成接口参数xml
* @return string|void
*/
public function createXml()
{
try {
//检测必填参数
if ($this->parameters["out_trade_no"] == null) {
throw new SDKRuntimeException("缺少统一支付接口必填参数out_trade_no！" . "<br>");
} elseif ($this->parameters["body"] == null) {
throw new SDKRuntimeException("缺少统一支付接口必填参数body！" . "<br>");
} elseif ($this->parameters["total_fee"] == null) {
throw new SDKRuntimeException("缺少统一支付接口必填参数total_fee！" . "<br>");
} elseif ($this->parameters["notify_url"] == null) {
throw new SDKRuntimeException("缺少统一支付接口必填参数notify_url！" . "<br>");
} elseif ($this->parameters["trade_type"] == null) {
throw new SDKRuntimeException("缺少统一支付接口必填参数trade_type！" . "<br>");
} elseif ($this->parameters["trade_type"] == "JSAPI" &&
$this->parameters["openid"] == NULL
) {
throw new SDKRuntimeException("统一支付接口中，缺少必填参数openid！trade_type为JSAPI时，openid为必填参数！" . "<br>");
}
/************************************服务商模式修改***********************************/
if(WxPayConf_pub::getParams('sub_mchid')){ //服务商模式 $this->parameters["sub_mch_id"] = WxPayConf_pub::getParams('sub_mchid');
$this->parameters["sub_appid"] = WxPayConf_pub::getParams('sub_appid');
$this->parameters["sub_openid"] = $this->parameters["openid"];
unset($this->parameters["openid"]);//去掉原来的openid
}
/************************************服务商模式修改结束***********************************/ $this->parameters["appid"] = WxPayConf_pub::getParams('appid');//公众账号ID
$this->parameters["mch_id"] = WxPayConf_pub::getParams('mchid');//商户号
$this->parameters["spbill_create_ip"] = $_SERVER['REMOTE_ADDR'];//终端ip
$this->parameters["nonce_str"] = $this->createNoncestr();//随机字符串
$this->parameters["sign"] = $this->getSign($this->parameters);//签名
return $this->arrayToXml($this->parameters);
} catch (SDKRuntimeException $e) {
die($e->errorMessage());
}
}
2.服务商模式下JSAPI调用微信支付
官方给出H5调用API支付文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi_sl.php?chapter=7_7&index=6
而我们之前一直立商户模式,用的是JSSDK ：https://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
调试统一下单时还算比较顺利，因为获取prepay_id不成功无非就是参数的问题，并且返回给我们的错误也非常详细，可以很快定位问题。可是这个JSAPI可就把我弄惨了,先看代码（javascript）
// 微信支付调用方法
function weixinpayFun() {
var buildformUrl = 'http://local.test/pay/getparams?orderid=订单号';//获取微信支付相关参数
$.post(buildformUrl, {}, function (res) {
$.hideLoading();
if (res.status) {
var wxpayParam = res.data;
// 发起一个支付请求
wx.chooseWXPay({
timestamp: wxpayParam.timeStamp,
nonceStr: wxpayParam.nonceStr,
package: wxpayParam.package,
signType: wxpayParam.signType,
paySign: wxpayParam.paySign,
trigger: function (res) { },
complete: function (res) { },
success: function (res) {
$.alert('支付成功');
},
cancel: function (res) {
$.alert('支付已取消');
},
fail: function (res) {
alert(JSON.stringify(res));
$.alert('支付失败');
}
});
} else {
$.alert('微信支付失败!');
}
}, 'json');
}
由这段代码可以看到，我们是通过Ajax方式调用微信支付统一下单并获取到JSAPI的支付参数的，这在独立商户模式下是没有问题的，并且是使用了很长一段时间。
改用服务商模式后，奇怪的问题就来了，每次请求从日志中看到统一下单是成功的，也就是说我的参数与签名也都是没有问题的，但是返回给我的错误见下图
从各方了解到，出现这个错误的原因是签名错误，于是我就各种各样的调整签名参数，把sub_appid ,appid 换来换去，或者一起结合起试，都不行。中间有咨询过微信支付的技术人员，对方也是帮忙分析了一下确认是签名错误，但根据他要求提供了相关参数检查后签名是正确的。最终也是没有完全搞定。
今天上午因为要处理另外一个问题，公众号从公众平台授权会引起独立商户支付出错，完全调不出支付界面,(因为之前我们都是让客户填写url,token appid,appsecret之类的参数的，现在改成了公众平台授权) 发现我们在一个初始的地方做了个JSSDK的初始化主要用于调用分享 ,见下面的代码
<script>
window.onload = function onload() {
jwx.initialize({
appId: '{$sys_params.jsapi_param.appId}',
timestamp: '{$sys_params.jsapi_param.timestamp}',
nonceStr: '{$sys_params.jsapi_param.nonceStr}',
signature: '{$sys_params.jsapi_param.signature}'
}, function () {
jwx.setShareData({
title: '分享标题',
desc: '描述',
link: "分享的链接",
imgUrl: '分享显示的图片'
});
if ("function" === typeof jwxCallback) {
jwxCallback();
}
});
};
</script>
由于是授权所以没有了appsecret这个参数,导致无法正常获取JSAPI初始化参数,经过一番代码修改,终于授权的公众号可以正常使用独立商户的微信支付了,改完突然想起,中间咨询微信支付的技术大神有提到过config文件中的nonceStr和timestamp,由此想到会不会是这个JSAPI初始参数用的appid与appsecret 用的是子商户的appid和appsecret引起的呢?把他换成服务商的试试呢,这一试可不就把问题给解决了.
3.总结
微信支付使用JSAPI发起支付时要注意: JSAPI初始化参数与调用统一下单时的参数(appid,appsecret)要一致,否则会出现莫名的签名错误