在微信内部打开H5页面需要调用微信公众号支付。(微信公众号需要申请微信支付并绑定了商户号)
通过userAgent:
"Mozilla/5.0(iphone;CPU iphone OS 5_1_1 like Mac OS X) AppleWebKit/534.46(KHTML,like Geocko) Mobile/9B206 MicroMessenger/5.0"
1. 判断是否为微信浏览器:
if (stripos(Yii::$app->request->userAgent, 'MicroMessenger') !== false)
2. 因为微信5.0支付才加入支付模块,可以通过Uert Agent获取微信版本 (其中5.0为微信版本)
1.微信支付开发设置
1.1 微信商户平台-设置 JSAPI支付目录 支持设置根目录,设置的目录需要和调用支付目录一致,否则无法调起支付 设置路径:商户平台-->产品中心-->开发配置。 注意:JSAPI支付在请求支付的时候会校验请求来源是否有在商户平台做了配置,所以必须确保支付目录已经正确的被配置。 否则将验证失败,请求支付不成功。
1.2 微信公众号-设置授权域名 开发JSAPI支付时,在统一下单接口中要求必传用户openid,而获取openid则需要您在公众平台设置获取openid的域名。 只有被设置过的域名才是一个有效的获取openid的域名,否则将获取失败
2.业务流程
商户系统和微信支付系统主要交互: 1、商户server调用统一下单接口请求订单,api参见公共api【统一下单API】 2、商户server接收支付通知,api参见公共api【支付结果通知API】 3、商户server查询支付结果,api参见公共api【查询订单API】
3.微信内调起支付
3.1 网页端接口请求参数列表(参数需要重新进行签名计算,参与签名的参数为:appId、timeStamp、nonceStr、package、signType,参数区分大小写。)
getBrandWCPayRequest参数以及返回值定义:
名称 | 变量名 | 必填 | 类型 | 示例值 | 描述 |
---|---|---|---|---|---|
公众号id | appId | 是 | String(16) | wx8888888888888888 | 商户注册具有支付权限的公众号成功后即可获得 |
时间戳 | timeStamp | 是 | String(32) | 1414561699 | 当前的时间,其他详见时间戳规则 |
随机字符串 | nonceStr | 是 | String(32) | 5K8264ILTKCH16CQ2502SI8ZNMTM67VS | 随机字符串,不长于32位。推荐随机数生成算法 |
订单详情扩展字符串 | package | 是 | String(128) | prepay_id=123456789 | 统一下单接口返回的prepay_id参数值,提交格式如:prepay_id=*** |
签名方式 | signType | 是 | String(32) | MD5 | 签名类型,默认为MD5,支持HMAC-SHA256和MD5。注意此处需与统一下单的签名类型一致 |
签名 | paySign | 是 | String(64) | C380BEC2BFD727A4B6845133519F3AD6 | 签名,详见签名生成算法 |
3.2 返回结果值说明
返回值 | 描述 |
---|---|
get_brand_wcpay_request:ok | 支付成功 |
get_brand_wcpay_request:cancel | 支付过程中用户取消 |
get_brand_wcpay_request:fail | 支付失败 |
调用支付JSAPI缺少参数:total_fee | 1、请检查预支付会话标识prepay_id是否已失效2、请求的appid与下单接口的appid是否一致 |
3.3 示例
function onBridgeReady(){
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId":"wx2421b1c4370ec43b", //公众号名称,由商户传入
"timeStamp":"1395712654", //时间戳,自1970年以来的秒数
"nonceStr":"e61463f8efa94090b1f366cccfbbb444", //随机串
"package":"prepay_id=u802345jgfjsdfgsdg888",
"signType":"MD5", //微信签名方式:
"paySign":"70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名
},
function(res){
if(res.err_msg == "get_brand_wcpay_request:ok" ){
// 使用以上方式判断前端返回,微信团队郑重提示:
//res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。
}
});
}
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
}else{
onBridgeReady();
}
3.4 注意: 1. WeixinJSBridge内置对象在其他浏览器中无效。 2. JS API的返回结果get_brand_wcpay_request:ok仅在用户成功完成支付时返回。 由于前端交互复杂,get_brand_wcpay_request:cancel或者 get_brand_wcpay_request:fail可以统一处理为用户遇到错误或者主动放弃,不必细化区 分。
4.相关文档
1. 微信支付文档 2. 支付常见问题 3. SDK和DEMO下载