微信小程序-支付

简介: 微信小程序-支付

微信小程序的支付只要用到官方的支付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'})
            }
          })
})

一般情况下,支付流程是这样的:商品页选择商品 ——> 提交商品订单(跳转到支付页) ——> 确认收货地址 ——> 确认提交 ——> 支付 ——> 支付成功

支付成功后在success的回调内做对应操作,可以跳转到支付成功页面,让用户在此页面点击查看订单或者在此页面点击浏览更多商品。

1、在操作商品数量计算价格这里,请求计算价格的接口,此处可以前端计算也可以请求接口计算,如果有接口,一定要请求接口计算。

2、在计算价格这块,优惠券选择了也要重新计算价格,通常在点击购买的这一步就直接请求优惠券接口,返回当前最优的优惠券搭配以及计算价格并渲染到页面,用户自主更改优惠券搭配后需要重新计算价格。

3、订单在支付的时候取消,订单进到待付款页面。

目录
相关文章
|
24天前
|
移动开发 JavaScript
Vue——H5微信内支付(四)
10月更文挑战第11天
50 2
|
29天前
|
移动开发 JavaScript 前端开发
Vue——H5微信内支付(一)
10月更文挑战第8天
45 1
|
22天前
|
移动开发 前端开发
|
23天前
|
移动开发 JavaScript
Vue——H5微信内支付(五)
10月更文挑战第12天
30 2
|
25天前
|
移动开发 JavaScript
Vue——H5微信内支付(三)
10月更文挑战第10天
46 1
|
28天前
|
移动开发 JavaScript
Vue——H5微信内支付(二)
10月更文挑战第9天
30 1
|
1月前
|
移动开发 安全 API
微信H5支付--微信JS-SDK支付--点金计划
本文详细介绍了微信H5支付和JS-SDK支付的原理、配置和开发流程,涵盖了H5支付在移动端浏览器外唤起微信支付的细节,以及JS-SDK支付在微信内置浏览器中完成支付的相关注意事项。文章还针对微信支付常见问题,提供了解决方案和代码示例。最后,文章深入解析了微信支付点金计划,包括商家小票的自定义开发、API接口以及支付成功后的页面展示逻辑,为开发者提供了完整的开发参考。
35 0
微信H5支付--微信JS-SDK支付--点金计划
|
1月前
|
Web App开发 移动开发 前端开发
H5微信外支付(移动端浏览器)
H5微信外支付(移动端浏览器)
35 0
 H5微信外支付(移动端浏览器)
|
18天前
|
移动开发
|
21天前
|
Web App开发 移动开发 Android开发