uniapp微信支付方案

使用uniapp对接微信支付,目前发现有两种方式:

  • 微信支付原生方式;
  • uniapp的unipay方式(unicloud)。

本次由于暂不熟悉unicloud方式,后面仔细研究unicloud方式。

注意事项:同时目前的微信支付分为V2和V3版本,注意版本选择

开发链接指引
1、普通商户开发流程文档
2、开发指引附带代码文档

后端创建订单

1、使用开发指引2进行后端下单,生成参数前端使用;
2、签名生成算法见:
签名生成算法

前端调用

1、接着使用wx.requestPayment()函数,调用微信支付,借鉴了:CSDN小程序签名MD5方案,发现验证签名失败;

解答: 该方案使用了V2的MD5法,不适配V3支付,故失败

2、使用V3版本支付。

发现问题:

1、签名失败后,通过该链接查询失败原因:

https://developers.weixin.qq.com/community/develop/doc/0002c27bdb44686249b8e49da5b800;

2、失败原因查询链接中的是针对V2版本进行讲述的,仅供参考;

3、签名中最容易出现问题,请准确核对开发链接指引2进行操作;

4、弹框时的点击按钮,在出现瞬间点击,出现无法点击的情况?
解决方式:使用原生uniapp的button,改变样式即可

参考链接:
https://www.bilibili.com/video/BV1og411F7Uz?p=1

你可能感兴趣的:(微信,前端,小程序)