项目笔记整理07-微信（微信中H5）JSAPI支付流程

JSAPI方式的支付只在微信浏览器中进行的，适合的是公众号中的H5页面的支付，以我的项目为例，是在微信公众号中部署了vue构建的的一个项目模块。

微信JSAPI官方文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_4

微信其他支付方式官方文档：https://pay.weixin.qq.com/wiki/doc/api/index.html

1.在微信浏览器里面打开H5网页中执行JS调起支付。接口输入输出数据格式为JSON。（WeixinJSBridge内置对象在其他浏览器中无效）

2.1使用后端接口，获取返回值作为参数给WeixinJSBridge使用：微信所需的参数如下

{
   
         "appId":"wx2421b1c4370ec43b",     //公众号名称，由商户传入     
         "timeStamp":"1395712654",         //时间戳，自1970年以来的秒数     
         "nonceStr":"e61463f8efa94090b1f366cccfbbb444", //随机串     
         "package":"prepay_id=u802345jgfjsdfgsdg888",     
         "signType":"MD5",         //微信签名方式：     
         "paySign":"70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名 
},

2.2支付流程，根据官方文档设置。

methods:{
   
	getParams(){
   
      //后台获取参数的接口
      let id = this.orderSn
      wxPayorder({
   orderSn