uniapp实现微信小程序支付(前端)

1.本篇主要是介绍uniapp微信小程序支付以及小程序内置网页跳转H5页面两个方向的微信支付流程

2.微信小程序内微信支付

uni.request({
    url:"请求路径",
    method:"方法",
    data:{
        后端需要的数据
    },
    success(payRes){
        //payRes这里主要有几个参数后面会调取uni的支付接口需要使用,下面会介绍每个数据
        //这个请求结束后就是前端最重要的步骤了,需要拉起支付密码框来完成支付
        
        uni.requestPayment({
		    "provider": "wxpay",//支付方式  
			"timeStamp":payRes.data.timeStamp,//时间戳
			"nonceStr":payRes.data.nonceStr,//随机字符串
			"package":payRes.data.package,//接口返回的prepay_id
			"signType":payRes.data.signType,//签名算法,需要与后台下单时一致
			"paySign":payRes.data.paySign,签名
			success: function (resSuccess) {
				//触发该success时已经是输入密码支付成功后触发,可做一些页面跳转和成功提示						
             },
									
			fail: function (err) {
                //支付失败时出发,比如取消支付、余额不足等
			}
		});
        
    }
})

3.小程序内部跳转H5页面进行微信支付

1.H5支付因为是非微信内部的支付,所以需要安装使用微信的JS-SDK包来实现,所以实现写法会有一些改变,但是大同小异。

2.现在控制台输入指令(安装了node.js的情况下,我这里是16.6的版本)npm i jweixin-module -S

//web-view

5.过程中遇到的问题

1.H5写的微信支付,安卓无法使用,ios没问题,找了半天没找到解决方案