uni-app微信支付接口
这是一个简单的示例,显示如何在uni-app页面中添加一个支付按钮,并在点击时调用微信支付SDK:
<template> | |
<view> | |
<button @click="pay">支付</button> | |
</view> | |
</template> | |
<script> | |
export default { | |
methods: { | |
pay() { | |
uni.chooseWXPay({ | |
// 支付参数,具体参数需要参照微信支付API进行设置 | |
timestamp: new Date().getTime(), | |
nonceStr: '', // 随机字符串,每次都要更换 | |
package: '', // 固定为:sign=wxpay | |
signType: '', // 固定为:SHA1 | |
paySign: '', // 微信支付分配的密钥 | |
// 注意:以上仅为示例,实际使用时需要替换为实际的参数值 | |
}, res => { | |
if (res.errMsg === 'chooseWXPay:success') { | |
// 支付成功,可以在这里处理后续逻辑,如更新订单状态等 | |
console.log('支付成功'); | |
} else { | |
// 支付失败,可以在这里处理错误逻辑,如显示错误消息等 | |
console.log('支付失败'); | |
} | |
}); | |
} | |
} | |
}; | |
</script> |
这个例子使用uni-app的uni.chooseWXPay
方法来调用微信支付SDK。在点击按钮时,它会调用pay
方法,该方法设置了一些支付参数并调用了uni.chooseWXPay
。如果支付成功,将打印“支付成功”,如果支付失败,将打印“支付失败”