huangge1199/vue-pro
1
0
Fork 0
mirror of https://gitee.com/huangge1199_admin/vue-pro.git synced 2024-11-22 23:31:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

增加 pay.html 前端，对接微信 JS SDK

Browse Source
This commit is contained in:
YunaiV 2021-10-24 23:46:53 +08:00
parent 60f5898c9a
commit 72438ed5f6
5 changed files with 72 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
yudao-core-service/src/main/java/cn/iocoder/yudao/coreservice/modules/pay/service/order/dto/PayOrderCreateReqDTO.java
View File

@ -18,7 +18,7 @@ public class PayOrderCreateReqDTO implements Serializable {
/**
* 应用编号
*/
@NotEmpty(message = "应用编号不能为空")
@NotNull(message = "应用编号不能为空")
private Long appId;
/**
* 用户 IP

2
yudao-core-service/src/main/java/cn/iocoder/yudao/coreservice/modules/pay/service/order/dto/PayOrderSubmitRespDTO.java
View File

@ -18,6 +18,6 @@ public class PayOrderSubmitRespDTO implements Serializable {
/**
* 调用支付渠道的响应结果
*/
private String invokeResponse;
private Object invokeResponse;
}

2
yudao-core-service/src/main/java/cn/iocoder/yudao/coreservice/modules/pay/service/order/impl/PayOrderCoreServiceImpl.java
View File

@ -134,7 +134,7 @@ public class PayOrderCoreServiceImpl implements PayOrderCoreService {
// TODO 轮询三方接口，是否已经支付的任务
// 返回成功
return new PayOrderSubmitRespDTO().setExtensionId(orderExtension.getId())
.setInvokeResponse(JsonUtils.toJsonString(unifiedOrderResult));
.setInvokeResponse(unifiedOrderResult.getData());
}
private String generateOrderExtensionNo() {

2
yudao-user-server/src/main/java/cn/iocoder/yudao/userserver/modules/pay/controller/order/vo/PayOrderSubmitRespVO.java
View File

@ -18,6 +18,6 @@ public class PayOrderSubmitRespVO {
/**
* 调用支付渠道的响应结果
*/
private String invokeResponse;
private Object invokeResponse;
}

74
yudao-user-server/src/main/resources/static/pay.html
View File

@ -13,10 +13,14 @@
</div>
</body>
<script>
let shopOrderId = undefined;
let payOrderId = undefined;
let server = 'http://127.0.0.1:28080';
$(function() {
// 获得 JsapiTicket
// 参考 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 文档
$.ajax({
url: "http://127.0.0.1:28080/api/wx/mp/create-jsapi-signature?url=" + document.location.href,
url: server + "/api/wx/mp/create-jsapi-signature?url=" + document.location.href,
method: 'POST',
success: function( result ) {
if (result.code !== 0) {
@ -24,19 +28,77 @@
return;
}
var jsapiTicket = result.data;
jsapiTicket.jsApiList = [];
jsapiTicket.debug = true;
jsapiTicket.jsApiList = ['chooseWXPay'];
jsapiTicket.debug = false;
// 初始化 JS
wx.config(jsapiTicket);
}
});
// 自动发起商城订单编号
$.ajax({
url: server + "/api/shop/order/create",
method: 'POST',
success: function( result ) {
if (result.code !== 0) {
alert('创建商城订单失败，原因：' + result.msg)
return;
}
shopOrderId = result.data.id;
payOrderId = result.data.payOrderId;
console.log("商城订单：" + shopOrderId)
console.log("支付订单：" + payOrderId)
}
})
})
// 微信公众号
$( "#wx_pub").on( "click", function() {
wx.ready(function(){
alert('ok');
});
if (typeof WeixinJSBridge == "undefined") {
if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
} else {
onBridgeReady()
}
function onBridgeReady() {
$.ajax({
url: server + "/api/pay/order/submit",
method: 'POST',
dataType: "json",
contentType: "application/json",
data: JSON.stringify({
"id": payOrderId,
"channelCode": 'wx_pub',
}),
success: function( result ) {
if (result.code !== 0) {
alert('提交支付订单失败，原因：' + result.msg)
return;
}
alert('开始调用微信支付');
let data = result.data.invokeResponse;
wx.chooseWXPay({
timestamp: data.timeStamp,
nonceStr: data.nonceStr,
package: data.package,
signType: data.signType,
paySign: data.paySign,
success: function (res) {
alert(JSON.stringify(res));
},
error: function(e) {
alert(JSON.stringify(e));
}
});
}
})
}
});
</script>
</html>