微信支付 （JSSDK支付）

Posted 2023-05-13

参考技术A 微信支付

https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6

微信授权获取code

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#58

引入模块--生成签名（wx.config需要）--结合接口返回参数--唤起wxpay。

npm i (weixin-js-sdk)

import wx from 'weixin-js-sdk'

这个文件我命名 为了common.js,一会唤醒支付的时候需要用到

参考地址 ： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#58

微信jssdk支付坑

1.使用easywechat开发的时候，由于没有注意，配置文件中默认的请求地址是

https://api.weixin.qq.com/
结果调试了半天，一直报错“40066”

这也是怪自己粗心，结果去分析源码发现地址错误了

https://api.mch.weixin.qq.com/

2.接下来就是一个微信的错误，appId参数缺少，
原来后端返回后的是一个json字符串，需要将转换为json

JSON.parse(res.data),

{"appId":"wxea2493fe213bf133","timeStamp":"1517223035","nonceStr":"5a6efc7bb48cd","package":"prepay_id=wx2018012918503082631d9e0474493602","signType":"MD5","paySign":"C05039A21C60B49C8B2A4C7E00B99960"}

坑自己。。。。。