odeJs 微信公众号功能开发,移动端 H5页面调用微信的支付功能。这几天根据公司的需要使用 node 和 h5页面调用微信的支付功能完成支付需求。现在把开发过程重新捋一遍，以帮助更多的开发者顺利的完成微信支付功能的开发。（微信暂时还没有提供 node 的支付功能）
一.请求CODE
请求 code 的目的就是获取用户的 openid（用户相对于当前公众号的唯一标识） 和access_token，请求的API：https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
此 api 需要注意几个参数：
1. appid公众号的 appid，可以在公众号中看到
2. redirect_uri 自定义的微信回调地址， 微信会在你请求完上面的地址后跳转到你定义的redirect_uri的地址， 带着 code，此处的 redirect_url 需要 **url_encode** *php*， 如果你的程序是 node 则需要使用 **encodeURLComponent(url)**编码
3. response_type=code，这个没什么好说的就是固定的 response_type=code，详细说明可以查看微信官网的说明
4. scope=snsapi_userinfo，固定这样写就好，详细说明可以查看微信官网的说明
5. state=STATE 固定这样写就好，详细说明可以查看微信官网的说明
6. wechat_redirect 固定这样写就好，详细说明可以查看微信官网的说明
ps：官网链接：
二.通过code获取access_token,openid
第一步已经获取到了 code 的值了， 那么接下来就需要通过 code 来获取 access_token,openid的值了，请求的 api
API https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
此处api 的参数说明：
1. appid 微信公众号 id，微信公众号后台获取
2. secret 微信公众号的密钥， 微信公众号后台获取
3. code， 第一步获取用到的 code
4. grant_type=authorization_code 固定就好
三.通过access_token调用接口
access_token 可以做后续的功能， 可以参考官方的例子：
https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419316518&lang=zh_CN
四.网页端调起支付API
看见这个是不是感觉快完事儿了， 只要网页端调用微信支付功能就完事儿了？no，还差点
在微信浏览器里面打开H5网页中执行JS调起支付。接口输入输出数据格式为JSON。
注意：WeixinJSBridge内置对象在其他浏览器中无效。
示例代码如下：
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(); }
看到上面的代码， 那么想调用微信的支付功能需要传递参数，
{ "appId" ： "wx2421b1c4370ec43b", //公众号名称，由商户传入 "timeStamp"：" 1395712654", //时间戳，自1970年以来的秒数 "nonceStr" ： "e61463f8efa94090b1f366cccfbbb444", //随机串 "package" ： "prepay_id=u802345jgfjsdfgsdg888", "signType" ： "MD5", //微信签名方式： "paySign" ： "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名 }
参数说明：
1. appId //公众号名称，由商户传入
2. timeStamp //时间戳，自1970年以来的秒数 此处需要特别的注意一下，需要是字符串的时间戳格式， 意思就是必须就“” 引号
3. nonceStr //随机串 32位的， 随后会提供方法
4. signType // 微信签名方式： MD5
5. paySign //微信签名， 随后说
6. **package** //这个最重要， 充哪里获取到的呢？ 接下来说。
ps: 官网接口说明
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6
五.获取package， 从微信的 统一下单 接口获取prepay_id
官方 api：
https://api.mch.weixin.qq.com/pay/unifiedorder
请求参数一堆， 但是有一些不是必须的，下面是必须参数