评论

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

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

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

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('支付失败')
            }
    })
  },


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

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

1 个评论

  • lie
    lie
    07-05

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

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