技术 思绪 摘录 旅行
微信支付是集成在微信客户端的支付功能,用户可以通过手机完成快速的支付流程。微信支付以绑定银行卡的快捷支付为基础,向用户提供安全、快捷、高效的支付服务。 自2017年11月23日起,微信支付服务功能在中国铁路客户服务中心12306网站上线运行。

日常开发中,微信支付的代码可能只需要写一次就可以了,也可能很多个项目中都需要微信支付,既然都是微信支付,代码肯定也是一样的;那我们需要怎么来封装一下,让每次不再重复造车轮,以最快速度的完成这个功能呢?

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中路径配置只需要配置到控制器,配置的控制器下所有的视图都可以拉起支付。

CarsonIT 微信扫码关注公众号 策略、创意、技术

留下您的脚步

 

最近评论

查看更多>>

友情打赏

请打开您的微信,扫一扫