http://www.liball.me/wxpay-is-shit/

微信支付的那些坑！

2015年05月29日标签： wxpay, 微信支付

前言

最近在研究微信支付，感觉在微信里面买东西，直接微信支付还是蛮方便的，没有支付宝那么麻烦，刷刷朋友圈，顺便就买点东西，生活是如此的惬意，心想微信的这个支付肯定可以做到很牛逼，因为“钱景”无限啊！于是，我开始了这个噩梦般的旅程。

开通和审核

微信支付和支付宝商家平台一样，都是要审核资质的，支付宝个人认证可以使用担保支付，虽然需要用户确认收货之后才能收到资金，但是好歹也是能用的。微信直接不让个人使用支付。只有企业以上级别的服务号才能申请。

开通&认证

支付宝注册企业账号，进行企业认证，我总共就花了10分钟，包括公司资质审核，打款到公账确认公账等步骤。效率高到简直无法想象。微信支付需要已经认证过的服务号才能开通支付。提交完资质，等待审核，花了5个工作日的时间才告诉我资质审核过了，对，没错，是5个工作日，中间隔了一个周末，微信称2-7个工作日认证完成，还是实现诺言了。

开通支付

支付宝需要签约服务，这里我签约的是即时到帐的，花了2天时间。微信开通认证之后，登陆商户平台配置一下就可以开干了，这点从速度方面比支付宝强点，因为它把支付用途啥的都放到第一步的认证里面了，而支付宝是放在后面的签约服务里面进行审核的。

这些步骤完成之后，就可以开始开发了。虽然如此，从整体进度上面，支付宝还是略胜微信一筹的。

开发

根据文档接入支付宝和微信的支付平台

文档&DEMO

支付宝我就没看文档，因为之前有做过，已经大体了解了。直接下了个DEMO改改就完成了。微信的文档，恩，在微信公众平台有一份，在商户平台又有另外一份，而且内容还不一样。。。我主要需要在公众号里面支付，所以选择了微信的JSAPI。在公众平台里面，关于JS支付的只有一小段。如下：

wx.chooseWXPay({timestamp: 0, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符nonceStr: '', // 支付签名随机串，不长于 32 位package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）signType: '', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'paySign: '', // 支付签名success: function (res) {// 支付成功后的回调函数}
});
备注：prepay_id 通过微信支付统一下单接口拿到，paySign 采用统一的微信支付 Sign 签名生成方法，注意这里 appId 也要参与签名，appId 与 config 中传入的 appId 一致，即最后参与签名的参数有appId, timeStamp, nonceStr, package, signType。微信支付统一下单接口文档：http://pay.weixin.qq.com/wiki/doc/api/index.php?chapter=9_1微信支付签名算法：http://pay.weixin.qq.com/wiki/doc/api/index.php?chapter=4_3微信支付开发教程：https://mp.weixin.qq.com/paymch/readtemplate?t=mp/business/course3_tmpl&lang=zh_CN

看完方法，有点晕，在看完下面给出的三个链接里面的内容，更晕了。然后又在商户平台找到一份文档。

传送门

这里给了比较详细的资料，也给出了js示例：

    注：JS API的返回结果get_brand_wcpay_request:ok仅在用户成功完成支付时返回。由于前端交互复杂，get_brand_wcpay_request:cancel或者get_brand_wcpay_request:fail可以统一处理为用户遇到错误或者主动放弃，不必细化区分。
示例代码如下：
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();
}

恩，于是我结合了文档和找到的demo，结合这一段内容开始测试，结果发现，完全没反应。是的，在我的iPhone上面是没有反应的，也许哪里出了问题，一直搞不出反应。然后我想到了前面还有一种chooseWXPay,搜索了一下，这是新版接口的方法。结合下面的文档参数的计算，成功了。结果是这样的

wx.chooseWXPay({appId: '{{ $jsParameters['appId'] }}',timestamp: '{{ $jsParameters['timeStamp'] }}', // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符nonceStr: '{{ $jsParameters['nonceStr'] }}', // 支付签名随机串，不长于 32 位package: '{{ $jsParameters['package'] }}', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）signType: '{{ $jsParameters['signType'] }}', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'paySign: '{{ $jsParameters['paySign'] }}', // 支付签名success: function (res) {if(res.errMsg == "chooseWXPay:ok" ) {//支付成功}else{alert(res.errMsg);}},cancel:function(res){//支付取消}});

这里的$jsParameters是在后台使用微信支付的DEMO里面提供的class生成的。

include_once("WxPayPubHelper.php");
...
public function getParameters(Order $order)
{$jsApi = new JsApi_pub();$unifiedOrder = new UnifiedOrder_pub();//$unifiedOrder->setParameter("detail", $this->order->product->brief_desc);//商品描述$unifiedOrder->setParameter("body", $order->product->name);//商品描述$unifiedOrder->setParameter("out_trade_no", $order->order_number);//商户订单号$unifiedOrder->setParameter("total_fee", $order->price * 100);//总金额,腾讯默认支付金额单位为【分】$unifiedOrder->setParameter("notify_url", WxPayConf_pub::NOTIFY_URL);//通知地址$unifiedOrder->setParameter("trade_type", "JSAPI");//交易类型//非必填参数，商户可根据实际情况选填$unifiedOrder->setParameter("openid", Auth::user()->wx_openid);//商品ID$unifiedOrder->setParameter("product_id", $order->product->id);//商品ID$prepay_id = $unifiedOrder->getPrepayId();$jsApi->setPrepayId($prepay_id);return $jsApi->getParameters();
}

我描述你一脸啊，明显第一个是用户openid

还有这个

支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符

你很难搞清楚啥时候改用大写，啥时候该用小写。

还有这个

备注：prepay_id 通过微信支付统一下单接口拿到，paySign 采用统一的微信支付 Sign 签名生成方法，注意这里 appId 也要参与签名，appId 与 config 中传入的 appId 一致，即最后参与签名的参数有appId, timeStamp, nonceStr, package, signType。

就是在调用chooseWXPay的时候，你要自己加上appId，注意，I是大写。否则采用JSAPI方式的时候会提示出错。

还有这个

注：JS API的返回结果get_brand_wcpay_request:ok仅在用户成功完成支付时返回。由于前端交互复杂，get_brand_wcpay_request:cancel或者get_brand_wcpay_request:fail可以统一处理为用户遇到错误或者主动放弃，不必细化区分。
function(res){     if(res.err_msg == "get_brand_wcpay_request:ok" ) {}     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。 }

老版的接口里面是这样描述返回结果的。但是在新版里面变了，是变了，但是满世界找不到变成啥样了。只能自己打出来测试，结果变成如下

 success: function (res) {if(res.errMsg == "chooseWXPay:ok" ) {//支付成功...

新版接口里面取消是没有反应的，因为只有success回调。没有任何一个地方说了如何监听用户取消支付。只能自己猜，结果，我果然猜对了。

success: function (res) {if(res.errMsg == "chooseWXPay:ok" ) {//支付成功}else{alert(res.errMsg);}},
cancel:function(res){//支付取消
}

你以为是res.errMsg == "chooseWXPay:cancel"吗？骚年，你还是太年轻。

设置坑

1、要设置好安全支付目录。这个啥意思？

1、所有使用JS API方式发起支付请求的链接地址，都必须在支付授权目录之下；
2、最多设置3个支付授权目录, 且域名必须通过ICP备案；
3、头部要包含http或https，须细化到二级或三级目录，以左斜杠“/”结尾。
修改会影响线上交易，距正式生效有十分钟左右延迟，建议你避开交易高峰时间修改

就是说，你将要调用JSAPI的那个页面的链接要在这个目录之下才可以。否则，会弹出提示说你的目录没权限。比如你调用JSAPI的页面地址为

http://www.xx.oo/pay/order/1

那么你要把安全目录设置为

http://www.xx.oo/pay/order/

这样设置之后，如果你在如下地址调用，则会报错

http://www.xx.oo/pay/newOrder/1

你可以设置多个支付目录，如果需要的话。

2、设置回调地址，这个不解释。

3、设置警告地址，不解释。

4、商户平台里面设置密钥，在登录了商户平台之后，位于账户设置-API安全里面，先装数字证书，然后设置密钥，32位字符串。设置完了，自己记下来，没错，要自己记下来，因为没法再查看了。

至此，已经心累到不行了。

wxpay-is-shit相关推荐

【全网唯一】全网唯一能够跑通的，跑不通你来找我~用node.js完成微信支付下单功能，且只需要一个文件wxpay.js就解决业务流程的node.js程序
先吐为敬! 最近心血来潮研究nodejs如何完成微信支付功能,结果网上一搜索,一大堆"代码拷贝党"."留一手"."缺斤少两"."不 ...
\pages\WxPay\WxPay.js
\pages\WxPay\WxPay.js // pages/insurance/WxPay/WxPay.js Page({ /** * 页面的初始数据 */ data: { text:"& ...
实现微信支付wxpay
微信公众平台注册-申请微信支付 package com.cn.config;import com.cn.controller.WXPayController; import com.github.wx ...
微信退款具体代码 wxpay 开源
wxpay.refund的具体参数描述 1:回调地址 2:微信生成的订单号 3:商户订单号 4:商户退款单号 5:支付的钱 6:退款的钱 7:退款原因 public Map getRefundMap( ...
APICloud集成微信支付（wxPay第二种方案）
写在前面我是先拿一个Demo测试的,然后再接入我们的app的,其中包名和应用签名必须实时更新,根据不同的app,即使相同的包名,应用签名是不同的,这点需要注意. 评论里的一位小伙伴儿遇到问题后总结出 ...
微信支付学习笔记之调用com.github.binarywang.wxpay.service接口
接口链接:https://github.com/binarywang 使用步骤: 将HttpServletRequest转成 ip /*** 获得请求地址ip* @param httpservletr ...
laravel ajax vue6,详解用vue.js和laravel实现微信支付
注:此项是微信公众号开发,请在往下看之前,先实现网页微信授权登陆功能,具体参看我简书的另一篇文章:https://www.jb51.net/article/117004.htm 1.打开app/con ...
getinstance方法详解_二、设计模式总览及工厂模式详解
二.架构师内功心法之设计模式 2.架构师内功心法之设计模式 2.1.课程目标 1.通过对本章内容的学习,了解设计模式的由来. 2.介绍设计模式能帮我们解决哪些问题. 3.剖析工厂模式的历史由来及应用场 ...
微信支付android不弹出支付密码窗口,微信支付没弹出支付窗口
不可以,同事支付验证签名失败,不知道哪个环节出了错, timeStamp 和nonceStr 我现在和统一下单那里是不一致的,我统计下单调用的是范例里提供的代码. Map data = ne ...
Node.js（nodejs）对本地JSON文件进行增、删、改、查操作（轻车熟路）
项目结构 index.js //必须要安装否则就别想运行了❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤ //npm ...

wxpay-is-shit

微信支付的那些坑！

前言

开通和审核

开发

wxpay-is-shit相关推荐

最新文章

热门文章