微信开发（一）：用JSAPI做微信支付+微信卡包(代金券)

做微信支付前期准备：

1，服务好开通微信支付。

2，公众账号ID：AppId。

3，公众账号密钥：AppSecret。

4,微信支付密钥:Key。

第一步：获取用户信息并跳转到需要微信支付的页面

    public void ProcessRequest (HttpContext context) {
     
        var returnUrl = "http://wap.yueyangdujia.com/ActivityOrder.aspx?id="+context.Request["id"];
        var state = string.Format("{0}", "111");//自定义参数
        var url = OAuthApi.GetAuthorizeUrl(AppId, returnUrl, state, OAuthScope.snsapi_userinfo);

 

        context.Response.Redirect(url);
    }

PS：这里的id在我们这里是产品ID。

第二步：在回调页面获取所需的用户数据。（我这里把用户临时数据存储在Session里）

     var code = Request["code"];
        OAuthAccessTokenResult result;
        try
        {


            result = OAuthApi.GetAccessToken(AppId, AppSecret, code);

        }
        catch (Exception ex)
        {
           

            Response.Write(ex.Message);
            return;
        }
      Session["OAuthAccessToken"] = result;

如果这里需要使用卡包功能可以调用以下代码（例子为代金券）

public class WeChatCard: CardListItem
{
    public string price { get; set; }
    public string Name { get; set; }
}

 var token = CommonApi.GetToken(AppId, AppSecret).access_token;
        try
        {
            CardListItems = CardApi.GetCardList(token, result.openid).card_list;
          
            if (CardListItems != null)
            {
                WeChatCards = new List<WeChatCard>();
                foreach (var item in CardListItems)
                {
                    var weChatCard = CardApi.CardDetailGet(token, item.card_id);
                    WeChatCards.Add(new WeChatCard()
                    {
                        price = (weChatCard.card.cash.reduce_cost / 100).ToString(),
                        Name = weChatCard.card.cash.base_info.title,
                        code = item.code,
                        card_id = item.card_id
                    });
                }
            }
        }
        catch (Exception ex)
        {
          

        }

第三步：准备好JSAPI验证程序

 public void ProcessRequest (HttpContext context) {
       
        string url = context.Request["url"];//这里是当前页面的地址
        string timeStamp = Senparc.Weixin.MP.TenPayLib.TenPayUtil.GetTimestamp();
        string nonceStr = Senparc.Weixin.MP.TenPayLib.TenPayUtil.GetNoncestr();

       
        string jsTicket = "";

        if (Base.Core.Container.CacheService.GetItem("wap", "jsTicket") == null)
        {
            jsTicket= Senparc.Weixin.MP.CommonAPIs.JsApiTicketContainer.TryGetTicket(AppId, AppSecret);
             Base.Core.Container.CacheService.SetItem("wap", "jsTicket", jsTicket, 7000);
        }
        else
        {
            jsTicket = Base.Core.Container.CacheService.GetItem("wap", "jsTicket") as string;
        }
        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);


        //LOG
        string sRawString = "jsapi_ticket=" + jsTicket + "&noncestr=" +nonceStr + "&timestamp=" +timeStamp + "&url=" + url;


        signature = FormsAuthentication.HashPasswordForStoringInConfigFile(sRawString, "SHA1");


        var hashtable = new System.Collections.Hashtable
        {
            {"appId", AppId},
            {"timeStamp", timeStamp},
            {"nonceStr", nonceStr},
            {"signature", signature}
        };
      
        var js=new JavaScriptSerializer();

        context.Response.Write(js.Serialize(hashtable));
         Base.Core.Container.LogService.Error("验证成功");
    }

因为jsTicket有获取次数限制，最好存入缓存中。

　 Base.Core.Container.CacheService.SetItem("wap", "jsTicket", jsTicket, 7000);这段代码是我这里的缓存jsTicket代码。（请自行实现缓存代码）

第四步：在需要支付的页面，也就是第二步的前台页面引入JS，微信JSAPI验证调用等代码。

引入JSAPI

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

JSAPI验证

    $(function() {
        $.ajax({
            type: 'POST',
            url: "/WeChat/GetYueyangConfig.ashx",
            data: { url: '<%=Request.Url.ToString() %>' },
            dataType: "json",
            success: function(data) {

                wx.config({
                    debug: false, // 开启调试模式,调用的所有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可以在这里更新签名。

                });
            }
        });

    });

调起支付代码

cardiD和Cardcode都是调用卡卷接口回传的，在第二步那里有调用卡卷代码

            $.ajax({
                type: 'POST',
                url: "/WeChat/ActivityPySign.ashx",
                data: {
                    id: <%=Request["id"]%>,
                    cardiD:cardiD,
                    Cardcode:Cardcode
                },
                dataType: "json",
                success: function(data) {
                    if (data.msg) {
                        alert(data.msg);
                    }
                    
                    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) {
                            //成功之后的处理                                                     
                            location.href = data.backUrl;
                        }
                    });
                }
            });

第四步：支付后台代码

 var token=CommonApi.GetToken(AppId, AppSecret);
  var id = context.Request["id"];
  var timeStamp = TenPayV3Util.GetTimestamp();
        var nonceStr = TenPayV3Util.GetNoncestr();
 var out_trade_no = DateTime.Now.ToString("HHmmss") + TenPayV3Util.BuildRandomStr(28);
        ; //商户系统内部的订单号，32个字符内，可包含字母，其他说明见商户订单号
        var spbill_create_ip = context.Request.UserHostAddress; //APP和网页支付提交用户端IP，Native支付填调用微信支付API的机器IP
        var trade_type = "JSAPI"; //JSAPI,NATIVE,APP,WAP
        var resultAccess =context.Session["OAuthAccessTokenYueYang"]  as OAuthAccessTokenResult;
    var notifyUrl = "http://wap.yueyangdujia.com/ActivtyCallBack.ashx";
        var cardiD = context.Request["cardiD"];
 var code = context.Request["Cardcode"];
   //接收微信支付异步通知回调地址
        var backUrl = "/ActivtyPaySuccess.aspx";
  //创建支付应答对象
 //卡卷
if (CardApi.CardGet(token.access_token, code).errmsg == "ok")
                {
                    cardPrice = CardApi.CardDetailGet(token.access_token, cardiD).card.cash.reduce_cost/100;
                }
//创建订单（根据需求自行创建订单）
  #region 生成订单
 #endregion

//初始化支付
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); //商户系统内部的订单号，32个字符内，可包含字母，其他说明见商户订单号
        packageReqHandler.SetParameter("total_fee",(money*100).ToString());//价格以分为计数单位
        packageReqHandler.SetParameter("spbill_create_ip", spbill_create_ip);//APP和网页支付提交用户端IP，Native支付填调用微信支付API的机器IP
        packageReqHandler.SetParameter("notify_url", notifyUrl);//回调URL
        packageReqHandler.SetParameter("trade_type", trade_type);//JSAPI,NATIVE,APP,WAP
        packageReqHandler.SetParameter("openid", resultAccess.openid);
        packageReqHandler.SetParameter("attach",objOrder.Value.OrderCode+"&"+code);//自定义参数我这里是订单号+卡卷CODE

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

        packageReqHandler.SetParameter("sign", sign);

        var data = packageReqHandler.ParseXML();

        var result = TenPayV3.Unifiedorder(data);



        var res = System.Xml.Linq.XDocument.Parse(result);

        var prepayId = res.Element("xml").Element("prepay_id").Value;

        timeStamp = TenPayV3Util.GetTimestamp();
        nonceStr = TenPayV3Util.GetNoncestr();

        RequestHandler paysignReqHandler = new 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");

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

        paysignReqHandler.SetParameter("paysign", paysign);
        paysignReqHandler.SetParameter("backUrl", backUrl);






        var js = new JavaScriptSerializer();
        context.Response.Write(js.Serialize(paysignReqHandler.GetAllParameters()));

backUrl为用户支付完成后，点击微信提供页面右上方完成后的跳转地址。并不是微信支付成功后的回调地址。

第五步：接受微信的回调，来更改内部订单状态。

        ResponseHandler resHandler = new ResponseHandler(null);
        string return_code = resHandler.GetParameter("return_code");
        string return_msg = resHandler.GetParameter("return_msg");
        var data = resHandler.GetParameter("attach");
        var dataArr=data.Split('&');
     
        var code = dataArr[1];
     
              
             var accessToken=CommonApi.GetToken(AppId, AppSecret).access_token;
            var a = CardApi.CardConsume(accessToken, code);//消耗卡卷
           Base.Core.Container.LogService.Error(a.errmsg);
            Base.Core.Container.LogService.Error("消耗卡卷");
        

        APIClient.OrderService.UpdateOrderStatus(dataArr[0], 2);
        string xml = string.Format(@"<xml>
   <return_code><![CDATA[{0}]]></return_code>
   <return_msg><![CDATA[{1}]]></return_msg>
</xml>", return_code, return_msg);
        context.Response.ContentType = "text/xml";
        context.Response.Write(xml);

 最后：使用了博客园上一个哥们开发的SDK。

网站地址： http://weixin.senparc.com/ 

博客园地址：http://www.cnblogs.com/szw/archive/2013/01/13/senparc-weixin-mp-sdk.html

GitHub地址：https://github.com/JeffreySu/WeiXinMPSDK