uniapp支付 跳转

uniapp 支付以及跳转

**先说一下 思路 :引入微信支付jssdk
之后配置商户信息
把支付的文件放在你的服务端的根目录下
/home/wwwroot/vue/appleweb/MP_verify_OtggqJcZCfkIE4FQ.txt
开始操作:
*`

//jws.js页面
	//npm 安装微信jssdk  npm install jweixin-module --save 
	const wx = require('../components/jweixin-module');

	const wexinPay = function(data, findData, nurl) {
		
		let [appId, timestamp, nonceStr, signature, packages, paySign] = [data.appId, data.timeStamp, data.nonceStr, data.signature,
			data.package, data.paySign
		];

		wx.config({
			debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
			appId, // 必填,公众号的唯一标识
			timestamp, // 必填,生成签名的时间戳
			nonceStr, // 必填,生成签名的随机串
			signature, // 必填,签名,见附录1
			jsApiList: ['chooseWXPay'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
		});

		wx.ready(() => {
			wx.chooseWXPay({
				timestamp, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
				nonceStr, // 支付签名随机串,不长于 32 位
				'package': packages, // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=***)
				signType: 'MD5', // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
				paySign, // 支付签名
				success: res => {
					console.log("支付成共啦")
					// 支付成功后跳转到显示页面
					uni.navigateTo({
						url: nurl + '?data=' + encodeURIComponent(JSON.stringify(findData)) + ''
					})

				},
				fail: res => {
					console.log("支付失败啦")
				}
			});
		});
		wx.error((res) => {
			// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
			alert("支付失败请联系管理员");
		});

	}

	export default wexinPay;
//导入到你要使用的页面
import wexinPay from '../../../common/jws'

****因为我这里支付成功要跳转,所以要带数据和页面地址  
wexinPay(‘传后台返给你openid和签名邓数据’,‘传你需要的’,navurl)	

你可能感兴趣的:(h5支付,uni-app)