首页 > 编程语言 >微信小程序-支付

微信小程序-支付

时间:2023-01-30 19:14:20浏览次数:48  
标签:微信 程序 接口 计算 支付 页面 wx

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

标签:微信,程序,接口,计算,支付,页面,wx
From: https://www.cnblogs.com/wang-fan-w/p/17077010.html

相关文章

  • 微信小程序自定义导航栏机型适配
    自定义微信小程序头部导航栏,有几种方式方式一{"navigationStyle":"custom"//将navigationStyle从默认default改为custom}定义此方法后,头部的导航栏会去掉,导航......
  • 微信小程序组件封装传值以及问题点规避
    封装组件1、在components文件加下新建组件文件夹,在该文件夹下新建组件2、在app.json中注册该组件"usingComponents":{"page":"components/auth/index","com......
  • 原生微信小程序跳转传参 : [非TabBar跳转传参] 和 [TabBar跳转传参]
    一般常用的微信小程序跳转分为两种1、非TabBar跳转2、TabBar跳转1、非TabBar跳转非TabBar页面的跳转通常使用wx.navigateTo来跳转页面,在链接后面加?传参,如下://跳转......
  • 微信小程序使用vant组件样式不生效的问题
    下面提供几个解决方案方案一:官方文档有说明,将app.json中的"style":"v2"去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。方......
  • 微信小程序【关于地址信息的接入以及自动选择当前位置】
    在做收货地址的时候,通常会让用户填写或者打开地图选择收获地址,此时就需要用到微信提供的地址API,在使用地址API的时候需要注册对应的API,而且地址API会经常调整,需要关注官方......
  • 原生微信小程序封装request
    request文件//封装请求constbaseURL='https://api-hmugo-web.itheima.net/api/public/v1'constrequest=(options)=>{//returnnewPrimise才可以使用the......
  • 支付宝直付通管理系统,进件二级商户
    支付宝直付通所解决的问题和微信电商收付通类似,不仅是电商行业场景的一把利器,还涉及数娱等互联网平台专属打造的集支付、结算、分账等功能为一体的资金解决方案。该方案致力......
  • 零基础,搞外卖CPS小程序副业,附源码
    大家好,我是小悟​介绍外卖CPS,其实和淘宝客有点类似,淘客是别人通过你的推广链接购物产生佣金,同理外卖CPS也就是别人通过你的推广链接点了外卖产生佣金。做淘客买东西还不一定......
  • 企业微信注册
    以下是企业微信注册链接:https://work.weixin.qq.com/wework_admin/register_wx?from=myhome_baidu  ......
  • Mac下Qt程序增加程序图标
    第一步在桌面新建一个文件夹,命名为logo.iconset。准备一个PNG格式的logo图标,将png图标放入文件夹。第二步打开终端,cd到这个文件夹,执行下面的语句生成大小的图标。sips......