码迷,mamicode.com
首页 > 微信 > 详细

微信支付-JSAPI支付V3-发起一次支付请求

时间:2015-05-05 16:00:44      阅读:710      评论:0      收藏:0      [点我收藏+]

标签:

JSAPI支付业务流程:图片来源于:http://pay.weixin.qq.com/wiki/doc/api/index.php?chapter=7_4

技术分享

 

准备工作:需要先在项目中引用Senparc.WeiXin.dll和Senparc.WeiXin.MP.dll,开源项目见:https://github.com/JeffreySu/WeiXinMPSDK

 

第一步:绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

 

第二步:引入JS文件

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js

 

第三步:设置全局变量。

我只列举了这次用到的几个公共变量。这里只是测试用的,有需要可以将全局变量写在配置文件里面更好。

        private string AppId = "***";//公众账号ID
        private string AppSecret = "***";//公众账号密钥
        private string Key = "***";//微信支付密钥
        private string MchId = "***";//微信支付分配的商户号

 

第四步:通过Config接口注入权限验证配置

前台JS代码:

$http.post("/GetPayConfig", JSON.stringify({no:$location.search().no}), "").success(function (data) {
      wx.config({
           debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
           appId: data.appId, // 必填,公众号的唯一标识
           timestamp: data.timeStamp, // 必填,生成签名的时间戳
           nonceStr: data.nonceStr, // 必填,生成签名的随机串
           signature: data.signature,// 必填,签名,见附录1
           jsApiList: [‘chooseWXPay‘] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
      });

      wx.ready(function () {
                // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

     });
      wx.error(function(res){
               // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。

     });
});

后台代码:

        /// <summary>
        /// 获取权限验证配置
        /// </summary>
        /// <param name="no"></param>
        /// <returns></returns>
        public JsonResult GetPayConfig(string no)
        {
            string url = "http://******pay?no="+no ;//这里是当前页面的地址

            string timeStamp = Senparc.Weixin.MP.TenPayLib.TenPayUtil.GetTimestamp();
            string nonceStr = Senparc.Weixin.MP.TenPayLib.TenPayUtil.GetNoncestr();
            string JsTicket = Senparc.Weixin.MP.CommonAPIs.JsApiTicketContainer.TryGetTicket(AppId, AppSecret);
            string signature = "";

            Senparc.Weixin.MP.TenPayLib.RequestHandler paySignReqHandler = new Senparc.Weixin.MP.TenPayLib.RequestHandler(null);

            paySignReqHandler.SetParameter("jsapi_ticket", JsTicket);
            paySignReqHandler.SetParameter("noncestr", nonceStr);
            paySignReqHandler.SetParameter("timestamp", timeStamp);
            paySignReqHandler.SetParameter("url", url);

            signature = paySignReqHandler.CreateSHA1Sign();

            System.Collections.Hashtable hashtable = new System.Collections.Hashtable();

            hashtable.Add("appId",AppId);
            hashtable.Add("timeStamp", timeStamp);
            hashtable.Add("nonceStr", nonceStr);
            hashtable.Add("signature", signature);

            return Json(hashtable);
        }

 

第五步:发起一个微信支付请求

前台JS代码:

 $http.post("/GetPaySign", JSON.stringify({ trade: $scope.model }), "").success(function (data) {
            wx.chooseWXPay({
                timestamp: data.timeStamp, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                nonceStr: data.nonceStr, // 支付签名随机串,不长于 32 位
                package: data.package, // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=***)
                signType: "MD5", // 签名方式,默认为‘SHA1‘,使用新版支付需传入‘MD5‘
                paySign: data.paysign, // 支付签名
                success: function (res) {
                    //成功之后的处理
                }
            });
        });

后台代码:

        /// <summary>
        /// 获取支付请求参数
        /// </summary>
        /// <param name="trade"></param>
        /// <returns></returns>
        public JsonResult GetPaySign(TRADE_Model trade)
        {
            string timeStamp = Senparc.Weixin.MP.TenPayLibV3.TenPayV3Util.GetTimestamp();
            string nonceStr = Senparc.Weixin.MP.TenPayLibV3.TenPayV3Util.GetNoncestr();
            string body = "test";//商品或支付单简要描述
            string out_trade_no = trade.NO;//商户系统内部的订单号,32个字符内,可包含字母,其他说明见商户订单号
            int total_fee = 1;//订单总金额,只能是整数。
            string spbill_create_ip = Request.UserHostAddress;//APP和网页支付提交用户端IP,Native支付填调用微信支付API的机器IP
            string notify_url = "http://***/PayNotifyUrl";//接收微信支付异步通知回调地址
            string trade_type = "JSAPI";//JSAPI,NATIVE,APP,WAP
            string openid = "";//trade_type=JSAPI,此参数必传,用户在商户appid下的唯一标识。必传,这里需要将去获取openid赋值上去

            //创建支付应答对象
            Senparc.Weixin.MP.TenPayLibV3.RequestHandler packageReqHandler = new Senparc.Weixin.MP.TenPayLibV3.RequestHandler(null);
            //初始化
            packageReqHandler.Init();

            //设置package订单参数
            packageReqHandler.SetParameter("appid", AppId);
            packageReqHandler.SetParameter("mch_id", MchId);
            packageReqHandler.SetParameter("nonce_str", nonceStr);
            packageReqHandler.SetParameter("body", body);
            packageReqHandler.SetParameter("out_trade_no", out_trade_no);
            packageReqHandler.SetParameter("total_fee", total_fee.ToString());
            packageReqHandler.SetParameter("spbill_create_ip", spbill_create_ip);
            packageReqHandler.SetParameter("notify_url", notify_url);
            packageReqHandler.SetParameter("trade_type", trade_type);
            packageReqHandler.SetParameter("openid", openid);

            string sign = packageReqHandler.CreateMd5Sign("key",Key);

            packageReqHandler.SetParameter("sign", sign);

            string data = packageReqHandler.ParseXML();

            var result = Senparc.Weixin.MP.AdvancedAPIs.TenPayV3.Unifiedorder(data);
            var res = System.Xml.Linq.XDocument.Parse(result);
            string prepayId = res.Element("xml").Element("prepay_id").Value;

            timeStamp = Senparc.Weixin.MP.TenPayLibV3.TenPayV3Util.GetTimestamp();
            nonceStr = Senparc.Weixin.MP.TenPayLibV3.TenPayV3Util.GetNoncestr();

            Senparc.Weixin.MP.TenPayLibV3.RequestHandler paysignReqHandler = new Senparc.Weixin.MP.TenPayLibV3.RequestHandler(null);

            paysignReqHandler.Init();

            //设置支付参数
            paysignReqHandler.SetParameter("appId",AppId);
            paysignReqHandler.SetParameter("timeStamp", timeStamp);
            paysignReqHandler.SetParameter("nonceStr", nonceStr);
            paysignReqHandler.SetParameter("package", string.Format("prepay_id={0}", prepayId));
            paysignReqHandler.SetParameter("signType", "MD5");

            string paysign = paysignReqHandler.CreateMd5Sign("key",Key);

            paysignReqHandler.SetParameter("paysign", paysign);
                      
            return Json(paysignReqHandler.GetAllParameters());
        }

至此,就到了需要用户输入密码完成支付。支付成功后微信服务器会发通知到PayNotifyUrl。

微信支付-JSAPI支付V3-发起一次支付请求

标签:

原文地址:http://www.cnblogs.com/rockchen/p/4478988.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!