uniapp中有关调用微信支付功能和其他注意事项

先看代码,复制使用即可,当然,可能并不是通用的,建议您一边阅读,一遍整理思路,总的来说,思路很重要,其次才是代码。

(在此之前,您首先要确定的是您的小程序主体是商户才可以发动微信支付)
<script>
  //就一般思路而言  您首先将要做的是 根据商品订单或者其他信息创建一个订单
  // 比如创建订单接口({activity_id:_this.activity_id})
  // 然后调用你们后台的支付接口等待返回数据   如下
  export default {
  	name: 'paymoney',
    data(){
      return{
        Appid:'这是您的Appid',
        orderid:'订单id'
      }
    },
    methods:{
      payMoney(){
        OrderPay({
          order_id: this.orderid
        }).then(res => {
          if (res.code == 1) {
            //判断接口正确后调用如下方法  requestPayment  其中有六个参数
            uni.requestPayment({
              appId: _this.Appid,   //您的appid
              timeStamp: res.data.timeStamp,  //时间戳 ,由后台返回
              nonceStr: res.data.nonceStr,//随机字符串,由后台返回
              package: res.data.package, //统一下单的参数
              // 签名算法 一般是MD5 这里使用三目运算意思的
              // 后端返回signType了吗?返回了用返回的。 : 没有返回 用MD5
              signType: res.data.signType ? res.data.signType : 'MD5',
              paySign: res.data.paySign,  //支付签名
              success(res) {
                //支付成功
                wx.showToast({
                  title: '支付成功',
                  icon: 'none',
                  duration: 2000,
                })
              },
              fail(err) {
                //支付失败
                wx.showToast({
                  title: err.msg,
                  icon: 'none',
                  duration: 500,
                })
              }
            })
          }
        })
      }
    }
  }
</script>

附加和可能出现的有用信息已添加注释
其他有关uniapp的疑问或者此方法不理解的地方您可留言,我会尽快回复并帮您解决。

//微信充值 //支付接口测试 function balance(url, data) { uni.request({ url: cfg.originUrl + '/wx/mp/js_sig.do', data: { route: url }, method: 'GET', success: (res) => { jweixin.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来 appId: res.data.appId, // 必填,公众号的唯一标识 timestamp: res.data.timestamp, // 必填,生签名的时间戳 nonceStr: res.data.nonceStr, // 必填,生签名的随机串 signature: res.data.signature, // 必填,签名 jsApiList: ['chooseWXPay'] // 必填,需要使用的JS接口列表 }); jweixin.ready(function() { uni.request({ url: cfg.originUrl + '/wx/recharge/pay.do', method: 'POST', header: { 'Content-type': "application/x-www-form-urlencoded", }, data: JSON.stringify(data), success: function(res) { alert("下单功"); alert(JSON.stringify(res)); alert(res.data.order_id); all.globalData.orderId = res.data.order_id; uni.setStorageSync('orderId', res.data.order_id); jweixin.chooseWXPay({ timestamp: res.data.payParams.timeStamp, // 支付签名时间戳 nonceStr: res.data.payParams.nonceStr, // 支付签名随机串 package: res.data.payParams.package, // 接口返回的prepay_id参数 signType: res.data.payParams.signType, // 签名方式 paySign: res.data.payParams.paySign, // 支付签名 success: function(e) { alert("支付功"); alert(JSON.stringify(e)); // 支付功后的回调函数 } }); } }) }); jweixin.error(function(res) { // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。 console.log("验证失败!") }); } }) }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值