微信小程序-支付

简介: 微信小程序-支付

微信小程序的支付只要用到官方的支付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、订单在支付的时候取消,订单进到待付款页面。

目录
相关文章
|
8月前
|
小程序 Android开发 iOS开发
微信小程序-虚拟支付:适用场景 / iPhone调试用支付成功,Android调用失败,提示“小程序支付能力已被限制” / “errMsg“.“requestPayment:fail banned”
微信小程序-虚拟支付:适用场景 / iPhone调试用支付成功,Android调用失败,提示“小程序支付能力已被限制” / “errMsg“.“requestPayment:fail banned”
256 0
|
3月前
|
小程序 IDE 开发工具
社区每周丨预授权支付新增线下场景及支付宝小程序开发者大赛启动(9.4-9.8)
社区每周丨预授权支付新增线下场景及支付宝小程序开发者大赛启动(9.4-9.8)
33 1
|
3月前
|
监控 小程序 安全
社区每周丨支付有礼支持引导用户收藏小程序及人脸认证接口更新(8.7-8.11)
社区每周丨支付有礼支持引导用户收藏小程序及人脸认证接口更新(8.7-8.11)
130 0
|
3月前
|
小程序
最新:小程序基础支付、物料激励两项奖励延续
最新:小程序基础支付、物料激励两项奖励延续
32 0
|
3月前
|
小程序 IDE 物联网
社区每周丨小程序商品及JSAPI支付全面开放(7.10-7.14)
社区每周丨小程序商品及JSAPI支付全面开放(7.10-7.14)
24 0
|
5月前
|
小程序 API
小程序获取支付api
小程序获取支付api
131 0
|
12月前
|
小程序 API
10行代码实现微信小程序支付功能,使用小程序云开发实现小程序支付功能(含源码)
10行代码实现微信小程序支付功能,使用小程序云开发实现小程序支付功能(含源码)
312 0
|
8月前
|
JSON 小程序 安全
微信小程序支付
当下,微信小程序十分火爆,现在无论是购物还是生活服务,都是推荐你使用微信小程序,主要是它无需下载安装就可以使用,让手机变得非常清爽,给用户也带来很大的方便之处。
169 2
微信小程序支付
|
11月前
|
小程序 Java
记录一次微信小程序支付调试的坑
记录一次微信小程序支付调试的坑
131 0
|
12月前
|
小程序 开发工具 数据库
借助小程序云开发实现小程序支付功能第4节(代码实现)
借助小程序云开发实现小程序支付功能第4节(代码实现)
151 0