微信小程序> 小程序web-view调用小程序支付通道

小程序web-view调用小程序支付通道

浏览量:1555 时间: 来源:blankshsh
web-view没法使用微信公众号的支付通道调起微信支付 

但是可以借用小程序的支付通道

1.在网页中引入最新的SDK

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
2. 点击支付时判断是否在小程序框体内, 带入参数跳转到小程序页面

if (window.__wxjs_environment === 'miniprogram') {  wx.miniProgram.navigateTo({    url: '/pages/wxpay/wxpay?orderid=' + id  })}

3. 小程序支付页面获取传入的参数,待支付完成后再调用回退指令返回web-view

Page({  onLoad: function(options) {    console.log(options)    this.getData(options)  },  getData: function($data) {    var that = this    wx.request({      url: 'getData_api',      method: 'POST',      data: $data,      success: (res) => {        console.log(res)        that.pay(res.data.data)      }    })  },  pay: function($data) {    console.log($data)    var that = this    wx.requestPayment({      timeStamp: $data.timeStamp,      nonceStr: $data.nonceStr,      package: $data.package,      signType: 'MD5',      paySign: $data.paySign,      success: function(res) {        // 支付成功        that.navback()      },      fail: function(res) {        if (res.errMsg === "requestPayment:fail cancel") {          // 用户取消支付          that.navback()          return        }        if (res.errMsg === "requestPayment:fail") {          console.log(res.err_desc) // 错误信息          that.navback()          return        }      }    })  },  navback: () => {    setTimeout(function() {      wx.navigateBack({ delta: 1 })    }, 1000)  }})





小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎