评论

微信小程序调起微信支付-附源码(前端)!

微信小程序调起微信支付-附源码(前端)!

微信支付其实并不复杂,看下我的页面,点击下面的确认充值,即可调起微信支付,其实后台复杂一点,前端很简单:

WXML

<view class="tx-18" bindtap="postMoney">确认充值</view>


JS

postMoney() { // 点击确认充值
    wx.showLoading({
      title: '加载中',
    })
    let that = this
    app.http.getData({ //第一步请求后台接口,获取发起支付所需要的数据
      amount: that.data.orderId // 我这里发起请求传过去的是订单编号
    }).then((res1) => {
            if (res1.code == 200) {
                wx.requestPayment({ // 这一步是调起微信支付
                  "appId": res1.appId,
                  "timeStamp": res1.timeStamp,
                  "nonceStr": res1.nonceStr,
                  "package": res1.package,
                  "signType": res1.signType,
                  "paySign": res1.paySign,
                  "success": function (res) {
                    wx.hideLoading({})
                    app.ShowToast('充值成功')
                  },
                  "fail": function (res) {
                    app.ShowToast('支付失败');
                  },
                  "complete": function (res) {
                    app.ShowToast('取消支付');
                  }
                })
            } else {
              wx.hideLoading({})
              app.ShowToast('支付失败')
            }
    })
  },


如果还有不明白的朋友欢迎在下方留言。

最后一次编辑于  2021-06-21  
点赞 2
收藏
评论

2 个评论

  • 艾米莉亚小汉堡
    艾米莉亚小汉堡
    2023-08-07

    大佬那么这里调起支付是可以从这个小程序调起到另一个小程序的吗?就是跨了一个小程序平台支付

    2023-08-07
    赞同
    回复
  • lie
    lie
    2021-07-05

    这样输入密码等校验也会被一并吊起吗

    2021-07-05
    赞同
    回复 1
    • 波吉
      波吉
      2021-07-06
      是的,会直接吊起微信支付页面,让你输入密码
      2021-07-06
      回复
登录 后发表内容