引入微信sdk,但是wx.config报错

之前做项目的时候,不管是html,还有uni,还是vue,引入微信sdk后,都会报wx.config   undefined 

 报错如上,那怎么解决呢,加一个window就可以了,在使用

wx.config
wx.error
wx.ready
wx.chooseWXPay
等地方,前边加上window就可以了
window.wx.config
window.wx.error
window.wx.ready
window.wx.chooseWXPay
就可以使用微信支付了,前提是正确引入微信的sdk
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在 uni.app 中引入微信 SDK,并使用 wx.chooseWXPay 进行支付后的自定义跳转,你可以按照以下步骤进行操作: 1. 首先,确保你已经在微信公众平台上配置好了支付功能,并且已经获取到了支付的相关参数,例如订单号、支付金额等。 2. 在 uni-app 项目中,可以通过以下步骤引入微信 SDK: - 在 index.html 文件中,将微信 SDK引入代码放在 head 标签之间: ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` - 在 main.js 文件中,初始化微信 SDK: ```javascript import wx from 'jweixin-module'; Vue.prototype.$wx = wx; wx.config({ // 配置微信 SDK 相关参数,如 appId、timestamp、nonceStr、signature 等 }); ``` 3. 在需要发起支付的页面中,可以调用 wx.chooseWXPay 方法进行支付,并在支付成功后进行自定义跳转。例如: ```javascript this.$wx.ready(() => { this.$wx.chooseWXPay({ timestamp: '', // 时间戳 nonceStr: '', // 随机字符串 package: '', // 统一下单接口返回的 prepay_id 参数值 signType: 'MD5', paySign: '', // 签名 success: (res) => { // 支付成功的回调函数 uni.navigateTo({ url: '/pages/success', // 自定义成功页面的路径 }); }, fail: (err) => { // 支付失败的回调函数 uni.navigateTo({ url: '/pages/fail', // 自定义失败页面的路径 }); }, }); }); ``` 在上述代码中,你需要根据实际情况填写微信 SDK 相关参数和支付参数,并在支付成功或失败的回调函数中执行相应的跳转操作。 请注意,以上代码仅为示例,实际使用时需要根据 uni-app 中的具体语法和微信 SDK 的要求进行相应的调整和处理。同时,确保在后端服务器中进行订单处理和验证,以确保支付的安全和准确性。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值