微信小程序微信支付流程

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

原文地址:https://www.cnblogs.com/mengff/p/6908756.html