vue 微信支付sdk

import $ from ‘jquery’ //引入jq

$.wx={
  auth:function(url,appid){
    let redirectURI = encodeURIComponent(url);
    var url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appid+'&redirect_uri=' +
      redirectURI + '&response_type=code&scope=snsapi_base&state=WXPaySTATE#wechat_redirect'

    window.location.href = url;
  },
  jsSDK:function  (params,callback) {
    if (typeof window.WeixinJSBridge === 'undefined') {
      if (document.addEventListener) {
        document.addEventListener('WeixinJSBridgeReady', function () { $.wx.onBridgeReady(params,callback) }, false)
      } else if (document.attachEvent) {
        document.attachEvent('WeixinJSBridgeReady', function () { $.wx.onBridgeReady(params,callback) })
        document.attachEvent('onWeixinJSBridgeReady', function () { $.wx.onBridgeReady(params,callback) })
      }
    } else {
      $.wx.onBridgeReady(params,callback)
    }
  },
  onBridgeReady:function  (params,callback) {
    window.WeixinJSBridge.invoke(
      'getBrandWCPayRequest', {
        'appId': params.appid, // 公众号名称,由商户传入
        'timeStamp': params.timeStamp, // 时间戳,自1970年以来的秒数
        'nonceStr': params.nonceStr, // 随机串
        'package': params.package,
        'signType': 'MD5', // 微信签名方式:
        'paySign': params.sign // 微信签名
      },
      function (res) {
        callback && callback(res)
      }
    )
  }
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 微信支付自定义键盘涉及到前端的技术和微信支付的开发文档。 首先,我们需要在Vue应用中创建一个自定义的键盘组件,可以使用Vue的组件特性来实现。这个组件可以包含一个数字键盘和其他带有特殊功能的按钮,比如删除按钮、确认按钮等。 在微信支付中,我们需要引入微信支付SDK,并按照微信支付的开发文档进行配置和使用。首先,我们需要在Vue的入口文件中引入微信支付SDK,并在Vue的生命周期钩子中初始化支付功能。 当用户需要进行支付时,我们可以通过调用微信支付的接口实现支付功能。这个接口可以传入一些必要的参数,比如支付金额、订单号等。在用户点击确认支付按钮之后,我们可以调用微信支付的接口,并在支付完成后进行相应的处理,比如跳转到支付成功页面或者支付失败页面等。 在支付过程中,我们需要监听用户在自定义键盘组件中输入的金额。可以通过自定义键盘组件中的事件来获取用户输入的金额,并将其传递给微信支付的接口。 最后,在Vue的模板中使用自定义键盘组件,并设置相应的事件监听器,来实现支付功能。可以使用v-model指令来绑定用户输入的金额。 总结起来,Vue 微信支付自定义键盘涉及到前端技术的运用和微信支付的开发文档的使用。我们需要创建一个自定义键盘组件,并在支付过程中监听用户输入的金额并传递给微信支付的接口。最后,在Vue的模板中使用自定义键盘组件来实现支付功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值