java,uniapp,微信小程序,接入微信支付

java接入微信支付

先吐槽小微信商戶平臺,先看圖:
在這裏插入圖片描述
上圖有小程序支付,再看下圖。
在這裏插入圖片描述
此處應該發個圖表示表示:
在這裏插入圖片描述

使用JSAPI方式調用微信支付

1、引入依賴

<dependency>
    <groupId>com.github.binarywang</groupId>
    <artifactId>weixin-java-pay</artifactId>
    <version>3.7.0</version>
</dependency>

2、組裝參數

WxPayUnifiedOrderRequest request = WxPayUnifiedOrderRequest.newBuilder()
        .openid(SecurityUtils.getLoginUser().getPassword())// 用戶標識.
        .body("用戶充值") // 商品描述
        .outTradeNo(String.valueOf(recharge.getId())) // 商戶訂單號
        .productId(Tools.fastSimpleUUID()) // 商品Id.
        .spbillCreateIp("192.168.0.127") // 終端IP.
        .notifyUrl("/success") // 通知地址.
        .tradeType("JSAPI") // 交易類型.
        .totalFee(rechargeAmount.multiply(new BigDecimal(100)).intValue()) // 訂單總金額,單位爲分
        .build();
try {
    WxPayMpOrderResult orderResult = wxService.createOrder(request);
    return Resp.success("充值成功", orderResult);
} catch (WxPayException e) {
    e.printStackTrace();
}

3、uniapp調用支付,創建訂單

this.$request.globalRequest('/acc/recharge', 'post', param).then(res => {
	console.log(JSON.stringify(res))
	if(res.code === 200){
		uni.requestPayment({
			provider: 'wxpay',
			orderInfo: '用戶充值',
			timeStamp: res.data.timeStamp,
			nonceStr: res.data.nonceStr,
			package: res.data.packageValue,
			paySign: res.data.paySign,
			signType: res.data.signType,
			success: (res) => {
				console.log("success: requestPayment" + JSON.stringify(res))
			},
			fail: (res) => {
				console.log("fail: requestPayment" + JSON.stringify(res))
			}
		})
	} else {
		uni.showToast({
			title: '訂單創建失敗',
			icon: 'none'
		})
	}
});

4、支付
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章