大哥教程收集整理的这篇文章主要介绍一下。 我觉得大哥的教程还是不错的。 现在我把它们分享给大家，供大家参考。

由于项目需要，需要在H5页面添加微信支付，所以尝试了一下。 我只想说确实很混乱，尤其是调试起来很不方便。

这是微信官方API文档>>微信API

微信支付准备

申请公众账号并激活支付。 这很简单。 申请百度后，在微信公众平台页面“微信支付”页面的“开发配置”选项卡中配置“支付授权目录”和“测试授权目录”。 测试白名单在微信公众平台页面“开发者中心”找到“（应用ID）”和“（应用密钥）”。在商户平台中找到微信支付分配的商户号，自行配置商户支付密码。 钥匙

具体步骤

首先，通过微信支付API获取支付。 这里需要用到上面提到的“（应用ID）”、“（应用密钥）”、“微信支付分配的商户号”、“商户支付密钥”以及获取其他一些参数后（参考微信开发文档）详细信息）使用MD5加密签名（第一签名），使用MD5加密签名（第二签名）使用MD5加上一些其他参数（具体参考微信开发文档）。 前端使用微信内置浏览器提供的js API调用微信支付的弹出页面。 这里需要上面的第二个签名。

具体代码如下

$.get('/xxx',function(data){ if(data && data !== ""){ var _data = $.parseJSON(data)[0]; if(parseInt(_data.userAgent) < 5){ alert('您的微信版本低于5.0，无法使用微信支付！'); return false; } WeixinJSBridge.invoke('getBrandWCPayrequest',{ 'appId': _data.appId,'timestamp': _data.timestamp,'nonceStr': _data.nonceStr,'package': 'prepay_id=' + _data.packageOne,'signType': _data.signType,'paySign': _data.paySign },function(res){ if(res.err_msg === 'geT_Brand_wcpay_request:ok'){ alert('支付成功，返回订单列表！'); }else if(res.err_msg === 'geT_Brand_wcpay_request:cancel'){ alert('取消支付！'); } });

}
});

几个容易出现故障的点需要注意

支付链接与开发平台配置的链接不匹配

总共需要2个签名，并且需要的参数不同。 JS中使用的签名是第二签名。 传递的参数不要混淆，不能有错误。

如果体内有汉字需要转义的话，还有一些问题没有完全解决，那就是没有时间去判断位置支付的有效性。 如果在微信支付弹出层停留时间过长，则可能是我们网站上的订单已经过期。 ，但在微信支付中仍然可以成功支付。 如果有人知道如何解决这个问题，我希望他们能告诉你解决方案。

老板总结

以上就是大师教程为您收集的全部内容。 希望本文能够帮助您解决遇到的程序开发问题。

如果您觉得大哥教程网站的内容不错，欢迎您将大哥教程推荐给您的程序员朋友。