微信支付-使用微信JSSDK完成微信支付

前言

使用微信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出来,线上环境需要改为false
							appId: 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,
									})
								}
							});
						});
						
					}
				})
			}

你可能感兴趣的:(微信,javascript,开发语言,uniapp,html5,vue.js)