小程序支付

电玩女神 2022-05-22 02:35 236阅读 0赞

## 1.开通微信支付和微信商户号 ##

这个过程就和开通服务号的微信支付过程一样，没有什么可以说的。  
![这里写图片描述][70]

## 2.获得用户的openid ##

首页我们需要在小程序的客户端js中获取当前用户的openid,通过调用wx.login方法可以得到用户的code,然后开发者服务器使用登录凭证 code 获取 openid。

wx.login({
          success: function(res) { 
            if (res.code) {
              //发起网络请求
              wx.request({
                url: 'https://qifeng.site/onLogin',
                method: 'POST',
                data: {
                  code: res.code
                },
                success: function(res) { 
                    var openid = res.data.openid;
                },
                fail: function(err) { 
                    console.log(err)
                }
              })
            } else {
              console.log('获取用户登录态失败！' + res.errMsg)
            }
          }
        });

## 3.获取prepay\_id和支付签名验证paySign ##

这一步的过程就和服务号里的微信支付过程一样，分为客户端和服务器端  
首先来看一下客户端js  
在服务号里，我们是通过如下的代码来调起支付功能

///在小程序里，我们是通过wx.requestPayment方法来调起支付功能，当然在这之前，我们先要获取prepay_id。
    wx.request({
         url: 'https://qifeng.site/service/getPay', 
         method: 'POST',
         data: {
           pkg:pkg,  /*订单号*/
           total_fee:total_fee,   /*订单金额*/
           nonceStr:nonceStr
           openid:openid
         },
         header: {
             'content-type': 'application/json'
         },
         success: function(res) { 
            wx.requestPayment({
               'timeStamp': '',//即当前的时间
               'nonceStr': '',//随机字符串，长度为32个字符以下。
               'package': '',//统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=*
               'signType': 'MD5',//签名算法，暂支持 MD5
               'paySign': '',//签名,具体签名方案参见[小程序支付接口文档;](https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&index=3)
               'success':function(res){ //调用支付成功
               },
               'fail':function(res){ //
               },
               complete(res){
       //接口调用结束的回调函数（调用成功、失败都会执行）
               }
            })
         },
         fail: function(err) { 
             console.log(err)
         }
     })
    
    
    //在服务号里，通过如下的代码来调起支付功能
    
    function jsApiCall() { 
          WeixinJSBridge.invoke(
              'getBrandWCPayRequest',
              {
                 "appId":"",     //公众号名称，由商户传入 
                 "timeStamp":"",         //时间戳，自1970年以来的秒数 
                 "nonceStr":"", //随机串 
                 "package":"prepay_id=<%=prepay_id%>",     
                 "signType":"MD5",         //微信签名方式： 
                 "paySign":"<%=_paySignjs%>" //微信签名
              },
              function(res){ 
                  WeixinJSBridge.log(res.err_msg);
                  if( res.err_msg =="get_brand_wcpay_request:ok"){
                      alert("支付成功!");
                  }else{
                      alert("支付失败!");
                  }
              }
          );
      }

那在服务器端主要要实现的是prepay\_id的获取和签名paySign

支付就这样了

本文转载自简书[https://www.jianshu.com/p/72f5c1e3f8a5][https_www.jianshu.com_p_72f5c1e3f8a5]  
感谢网友贡献

[70]: /images/20220522/3a89572e906d471a9309e3e2f5cebe59.png
[https_www.jianshu.com_p_72f5c1e3f8a5]: https://www.jianshu.com/p/72f5c1e3f8a5