微信小程序-支付

微信小程序的支付只要用到官方的支付API : wx.requestPayment(Object object)
官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/payment/wx.requestPayment.html


调用微信小程序支付需要携带以下几个参数,支付成功后在success成功的回调内做对应操作

示例代码

 wx.requestPayment({
            timeStamp: 1414561699,   // 时间戳,从 1970 年 1 月 1 日 00:00:00 至今的秒数,即当前的时间
            nonceStr: 'xxxxxx',   // 随机字符串,长度为32个字符以下
            package: 'xxxxxxxxxxxx',  // 统一下单接口返回的 prepay_id 参数值,提交格式如:prepay_id=***
            signType: 'MD5',  // 签名算法,应与后台下单时的值一致
            paySign: 'xxxxxxxxxx', // 签名,具体见微信支付文档
            success (res) { // 成功的回调
                wx.showToast({title: '付款成功'})
            }, 
            fail (res) { // 失败的回调
                wx.showToast({title: '支付失败',icon: 'none'})
            }
          })
})

一般情况下,支付流程是这样的:商品页选择商品 ——> 提交商品订单(跳转到支付页) ——> 确认收货地址 ——> 确认提交 ——> 支付 ——> 支付成功微信小程序-支付_第1张图片
支付成功后在success的回调内做对应操作,可以跳转到支付成功页面,让用户在此页面点击查看订单或者在此页面点击浏览更多商品。

1、在操作商品数量计算价格这里,请求计算价格的接口,此处可以前端计算也可以请求接口计算,如果有接口,一定要请求接口计算。
2、在计算价格这块,优惠券选择了也要重新计算价格,通常在点击购买的这一步就直接请求优惠券接口,返回当前最优的优惠券搭配以及计算价格并渲染到页面,用户自主更改优惠券搭配后需要重新计算价格。
3、订单在支付的时候取消,订单进到待付款页面。

你可能感兴趣的:(原生微信小程序,javascript,前端,微信小程序)