日常开发中,微信支付的代码可能只需要写一次就可以了,也可能很多个项目中都需要微信支付,既然都是微信支付,代码肯定也是一样的;那我们需要怎么来封装一下,让每次不再重复造车轮,以最快速度的完成这个功能呢?
1、首先通过微信的统一下单接口下单,得到一个结果。
Ord_OrderInfo ord = Ord_OrderService.GetInstance().GetItem(ordSysNo); List<Ord_OrderDetailInfo> orddlst = Ord_OrderDetailService.GetInstance().FindListDetail(ordSysNo); string sp_billno = ord.Code; var timeStamp = TenPayV3Util.GetTimestamp(); var nonceStr = TenPayV3Util.GetNoncestr(); string body = orddlst[0]?.ProName + "等"; int price = Convert.ToInt32(ord.OrderMoney * 100); var xmlDataInfo = new TenPayV3UnifiedorderRequestData(TenPayV3Info.AppId, TenPayV3Info.MchId, body, sp_billno, price, Request.UserHostAddress, TenPayV3Info.TenPayV3Notify, TenPayV3Type.JSAPI, _UserInfo.OpenID, TenPayV3Info.Key, nonceStr, null, null, null, null, ord.SysNo); PayData payinfo = new PayData(); UnifiedorderResult result = TenPayV3.Unifiedorder(xmlDataInfo);//调用统一订单接口 var package = string.Format("prepay_id={0}", result.prepay_id); payinfo.IsSuccess = result.IsResultCodeSuccess(); payinfo.Message = result.return_msg; payinfo.appId = TenPayV3Info.AppId; payinfo.timeStamp = timeStamp; payinfo.nonceStr = nonceStr; payinfo.package = package; payinfo.paySign = TenPayV3.GetJsPaySign(TenPayV3Info.AppId, timeStamp, nonceStr, package, TenPayV3Info.Key); ord.OrderData = payinfo.SerializeObject();
我们将支付七大信息装在PayInfo对象直接存到数据库,这个支付对象包括了拉起微信支付的所需的所有信息,appid、签名、下单结果等。
2、接下来需要将这个PayInfo的json字符串放在界面上,方便我们拉起微信支付时获取到。
<input type="hidden" value="@ord.OrderData" id="hidPayParam" />
3、准备整个完成拉起与判断支付逻辑的一个js文件。
var dataJson; $(function () { /*将支付信息转换为json对象,方便处理*/ var param = $("#hidPayParam").val(); dataJson = JSON.parse(param); }); /*点击立即支付按钮触发的事件*/ $(".wechatpay").click(function () { if (dataJson.IsSuccess == false) { alert(dataJson.Message); return; } tenpayHandler(); }); function tenpayHandler() { if (typeof window.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() { window.WeixinJSBridge.invoke( "getBrandWCPayRequest", { "appId": dataJson.appId, //公众号名称,由商户传入 "timeStamp": dataJson.timeStamp, //时间戳,自1970年以来的秒数 "nonceStr": dataJson.nonceStr, //随机串 "package": dataJson.package, "signType": "MD5", //微信签名方式: "paySign": dataJson.paySign //微信签名 }, function (res) { // 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回 ok,但并不保证它绝对可靠。 if (res.err_msg === "get_brand_wcpay_request:ok") { //返回成功页面 window.location.href = "/Tips/Index?icontype=1&msg=支付成功&url=" + $("#hidBizUrl").val(); } else if (res.err_msg === "get_brand_wcpay_request:cancel") { //支付取消 //window.location.href = dataJson.BizUrl + "result=cancel"; alert("支付取消"); } else { //get_brand_wcpay_request:fail 支付失败 // 其他统一处理为失败 //console.log(JSON.stringify(res)); alert(JSON.stringify(res)); } } ); }
这个时候,将这个js文件引入到支付页面中,就可以处理支付了,一旦拉起支付,其他都交给微信了。
注意:a、拉起支付的url地址需要配置支付路径,如果你是http和https同时使用的话,建议将http协议的路径直接重定向到https,这样就可以只需配置https的支付路径了。
b、mvc中路径配置只需要配置到控制器,配置的控制器下所有的视图都可以拉起支付。
留下您的脚步
最近评论