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

本文探讨如何通过在小程序内的web-view组件调用小程序自身的支付接口,实现利用小程序的支付功能。首先,需要在网页中引入最新的支付SDK,然后进行相应配置和调用,以完成交易支付过程。
摘要由CSDN通过智能技术生成
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) {
   
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值