JS通过调用微信API实现微信支付功能的方法示例

站长资源 2024/11/27 佚名

48 1538 48

DDR爱好者之家 Design By 杰米

本文实例讲述了JS通过调用微信API实现微信支付功能的方法。分享给大家供大家参考，具体如下：

最近在做微信公众号开发，在微信支付上遇到一些问题，困惑了3天，今天终于搞定。期间要感谢一些大神的帮助，趁热下面分享一下我的经验。

在实现微信支付之前，需要到微信开发平台认证，这些认证和配置信息我就不多说了，这里主要从代码层面实现支付。

function onBridgeReady(){
  WeixinJSBridge.invoke(
    'getBrandWCPayRequest', {
      "appId" ： "wx2421b1c4370ec43b",   //公众号名称，由商户传入
      "timeStamp"：" 1395712654",     //时间戳，自1970年以来的秒数
      "nonceStr" ： "e61463f8efa94090b1f366cccfbbb444", //随机串
      "package" ： "prepay_id=u802345jgfjsdfgsdg888",   //统一订单号
      "signType" ： "MD5",     //微信签名方式：
      "paySign" ： "70EA570631E4BB79628FBCA90534C63FF7FADD89" //支付签名
    },
    function(res){
      alert(res.err_msg);
      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();
}

上面的JS代码是官方文档上贴出来的，官方文档:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php"//img.jbzj.com/file_images/article/201706/201762991600474.png" alt="" />

拼接好签名需要的字符串后，进行MD5加密就可以得到签名了。然后把签名和前面所有的参数组合成xml格式的字符串，调用给的接口URL地址：https://api.mch.weixin.qq.com/pay/unifiedorder就可以返回一个xml结果，解析出其中的prepay_id，这样这个参数就成功获取到了。

下面再说JS中的最后一个参数PaySign:支付签名。支付签名的算法也是一样，把JS中的其他5个参数按照顺序拼接，加上apikey，MD5加密，ok。

签名的算法都是一样的，只是参数值不同而已。这里需要注意一点。在支付签名的时候，用到随机数nonceStr，时间戳timeStamp，而签名时使用的这两个参数和JS中的这两个参数的值要是一样的，是同一个随机数，同一个时间戳。为什么呢"_blank" href="https://www.jb51.net/Special/313.htm">JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

JS,微信API,微信支付

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“JS通过调用微信API实现微信支付功能的方法示例”

暂无评论...

JS通过调用微信API实现微信支付功能的方法示例

基于angular2 的 http服务封装的实例代码

详解vue数据渲染出现闪烁问题

评论“JS通过调用微信API实现微信支付功能的方法示例”

更新日志

友情链接