微信小程式微信支付流程

看風景就發表於2017-05-26
微信小程式

1.小程式呼叫wx.login獲取登入憑證code

wx.login(無請求引數)返回code(有效期5分鐘)

wx.login({
    success:function(res){
        //get res.code
    }
})

2.小程式通過code獲取openid

向介面地址

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

請求引數

appid 　　  小程式標識(小程式後臺獲得)
secret 　　 小程式app secret(小程式後臺獲得)
js_code 　  登入憑證code
grant_type 寫死字串"authorization_code"

返回引數

openid 　　　使用者唯一標識
session_key  回話金鑰

3.小程式向服務端傳送openid，商品價格和其他

4.服務端接收到openid和商品資訊，進行統一下單

介面連結
https://api.mch.weixin.qq.com/pay/unifiedorder

請求引數(部分)

appid 　　 小程式ID
mch_id 　 商戶號
openid 　  使用者標識

5.服務端收到統一下單返回資訊二次簽名返回給小程式

返回內容

{
  "appid": "wx9114b997bd86f8ed",
  "mch_id": "1414142302",
  "nonce_str": "eEICgYFuGqxFRK6f",
  "prepay_id": "wx201701022235141fc713b8f80137935406",
  "result_code": "SUCCESS",
  "return_code": "SUCCESS",
  "return_msg": "OK",
  "sign": "63E60C8CD90394FB50E612D085F5362C",
  "trade_type": "JSAPI"
}

6.小程式發起支付，呼叫wx.requestPayment

請求引數
timeStamp 　　時間戳從1970年1月1日00:00:00至今的秒數,即當前的時間
nonceStr 　　　隨機字串，長度為32個字元以下。
package 　　　 統一下單介面返回的 prepay_id 引數值，提交格式如：prepay_id=*
signType 　　　簽名演算法，暫支援 MD5
paySign 　　　 簽名

var appId = res.appid;
var timeStamp = (Date.parse(new Date()) / 1000).toString();
var pkg = 'prepay_id=' + res.prepay_id;
var nonceStr = res.nonce_str;
var paySign = md5.hex_md5('appId='+appId+'&nonceStr='+nonceStr+'&package='+pkg+'&signType=MD5&timeStamp='+timeStamp+"&key=d27551c7803cf16***e536b192d5d03b").toUpperCase();

wx.requestPayment({
    'timeStamp': timeStamp,
    'nonceStr': nonceStr,
    'package': pkg,
    'signType': 'MD5',
    'paySign': paySign,
    'success':function(res){
        console.log('success');
        console.log(res);
    }
});

 

1-2步參考文件：https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html
4-6步參考文件：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1

相關文章