Wechat payment function

I'm going to pay WeChat

In the previously completed wechat applet , Wechat payment functions are used more , Take a note
Wechat payment can be spliced through the front end , It can also be spliced through the back end , Call and submit order interface , Get the corresponding parameters

Front splicing , V2 The way

Parameters required for wechat payment , First call the unified ordering interface to obtain parameters

1. appid , The account number applied by wechat open platform corresponds to appid It is also a small program appid

2. timeStamp, Time （ Timestamp format ）

3. package, payment ID（ Splicing format 'prepay_id=' + prepay_id, The following is payment ID）

4. signType, Encryption method of signature ( It is recommended to use md5)

5. nonceStr, random number

6. paySign, Signature ,（ This is the most important ） Splicing method

   let stringSignTemp = 'appId=' + myappid + '&nonceStr=' + myRanDomeStr + '&package=' + myprepay_id + '&signType=MD5&timeStamp=' + myTtate_Str + '&key=Ksv7jqvK3K7rB4mvOwWiqKwMuaaiSY66' let paySign = md5(stringSignTemp).toUpperCase()
   Have you noticed , The attribute names of all parameters start with lowercase , This is something to pay attention to , Otherwise, when you adjust the payment , Will prompt paySign Field error .

   Front end splicing source code

   WeiXinPay(appid, nonce_str, prepay_id, sign, order_sn) {
          // Order payment 
   				this.getonav=1
   				let myappid = appid //openid
   				let myTtate_Str = String(Date.now()) // Current timestamp 
   				let myRanDomeStr = this.randomString() // random number 
   				let myprepay_id = 'prepay_id=' + prepay_id // payment id
   				let stringSignTemp = 'appId=' + myappid + '&nonceStr=' + myRanDomeStr + '&package=' +
   					myprepay_id + '&signType=MD5&timeStamp=' + myTtate_Str + '&key=Ksv7jqvK3K7rB4mvOwWiqKwMuaaiSY66'
   				let paySign = md5(stringSignTemp).toUpperCase()
   				uni.requestPayment({
         
   					provider: 'wxpay',
   					timeStamp: myTtate_Str,
   					nonceStr: myRanDomeStr,
   					package: myprepay_id,
   					signType: 'MD5',
   					paySign: paySign,
   					success: function(res) {
         
   						console.log(" success ")
   						console.log('success:' + JSON.stringify(res));
   						uni.redirectTo({
         
   							url: `/Tosubpages/pages/TheOrderDetails/TheOrderDetails?order_sn=${
           order_sn}&Order_static=2&getonav=1`
   						});
   					},
   					fail: function(err) {
         
   						console.error(" Failure ")
   					}
   				});
   			},
   

Backend return , V3 The way

This is friendly to the front end , Just call the interface to get parameters

Source code

WxAlipay(order_id, order_sn) {
    
				let that = this
				wxpay(order_id).then(res => {
    
					if (res.data.code == 0) {
    
						let OrderReference = order_sn // The order no. 
						let OrderTime = that.formatDate(new Date(res.data.data.timeStamp*1000)) // Order time 
						uni.requestPayment({
    
							provider: 'wxpay',
							timeStamp: res.data.data.timeStamp, // Time 
							nonceStr: res.data.data.nonceStr, // random number 
							package: res.data.data.package, // payment ID
							signType: res.data.data.signType, // encryption 
							paySign: res.data.data.paySign, // Signature 
							success: function(res) {
    
								console.log(" success ")
								console.log('success:' + JSON.stringify(res));
								uni.redirectTo({
    
									url: `/Tosubpages/pages/PaymentSuccess?&OrderReference=${
      OrderReference}&OrderTime=${
      OrderTime}`
								});
							},
							fail: function(err) {
    
								uni.redirectTo({
    
									url: `/Tosubpages/pages/OrderDetails?&ordertype=0&order_id=${
      order_id}`
								});
							}
						});
					}
				}).catch(Error => {
    
					console.error(Error)
				})
			},