前言
使用微信JSSDK完成微信支付
一、安装weixin-js-sdk
npm install weixin-js-sdk
二、引入
var jweixin = require('jweixin-module');
三、使用
调用接口 一般调用成功会返回debug,appId,timestamp,nonceStr,signature等参数注意这几个参数要一致
toPay() {request.post('/community_api/Bill/pay', {xx:xx}).then(res => {if (res.code == 0) {console.log(res.data)// 使用jssdk完成微信支付var jweixin = require('jweixin-module');jweixin.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,线上环境需要改为falseappId: res.data.appId, // 必填,公众号的唯一标识timestamp: res.data.timeStamp, // 必填,生成签名的时间戳nonceStr: res.data.nonceStr, // 必填,生成签名的随机串signature: res.data.paySign, // 必填,签名jsApiList: ['chooseWXPay'], // 必填,需要使用的JS接口列表 });jweixin.ready(() => {jweixin.chooseWXPay({//下面参数要与上面对应appId: res.data.appId, // 必填,公众号的唯一标识timestamp: res.data.timeStamp,nonceStr: res.data.nonceStr, // 支付签名随机串,不长于 32 位package: res.data.package, // 统一支付接口返回的prepay_id参数值signType: res.data.signType, // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'paySign: res.data.paySign, // 支付签名success: function(res) { //支付成功回调console.log('支付成功')uni.showToast({title: '支付成功',icon: 'none',duration: 2000,})},cancel: function(res) {uni.showToast({title: '取消支付',icon: 'none',duration: 2000,})},fail: function(res) {console.log("fail", res);uni.showToast({title: '支付失败',icon: 'none',duration: 2000,})}});});}})}