微信开发(一):用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("验证成功");
    }

JsApi验证程序

因为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

时间: 10-22

微信开发(一):用JSAPI做微信支付+微信卡包(代金券)的相关文章

微信开发】【Asp.net MVC】-- 微信分享功能

[微信开发][Asp.net MVC]-- 微信分享功能 2017-01-15 09:09 by stoneniqiu, 12886 阅读, 15 评论, 收藏, 编辑 内嵌在微信中的网页,右上角都会有一个默认的分享功能.如下图所示,第一个为自定义的效果,第二个为默认的效果.实现了自定义的分享链接是不是更让人有点击的欲望?下面讲解下开发的过程. 一.准备,设置js接口安全域名 这需要使用微信的jssdk,先需要在微信公众号后台进行设置:公众号设置-->功能设置-->JS接口安全域名.打开这个页

python 微信开发入门篇-调用JS SDK 含微信支付(二)

本章节完成微信js sdk + 微信支付调用,项目基础部分请参照入门篇第一章:https://www.cnblogs.com/wangcongxing/p/11546780.html 1.微信服务号设置    登录服务号后台设置如下: 1.登录地址:https://mp.weixin.qq.com/ 2.设置-->公众号设置-->功能设置 设置后结果如下 2.微信商户后台设置 登录微信支付平台设置如下: 1.登录地址(因为需要安装exe插件, 设置浏览为兼容模式  建议使用QQ浏览器):htt

微信支付开发:10分钟帮你开通微信支付免充值代金券和免充值立减与折扣,申请微信免充值代金券,社交立减金

---恢复内容开始--- 功能介绍: 商户不需要预先充值营销经费,即可创建和激活免充值代金券活动.活动生效后,用户到店使用微信支付,当订单符合优惠规则时,会直接扣减核销优惠商户的订单实收金额. 免充值,营销资金"0"占用不需要预充值营销经费,即可创建代金券优惠活动.优惠金额从商户订单实收金额中扣减. 免开发,免费使用微信支付提供基础防刷.对账.下载消耗记录等基础功能.不需要商户开发,也不收取手续费. 可自定义各项活动规则可自定义活动标题.减价面额.减价门槛.可用商户.预算.用户领取次数

微信开发(一)基于Wx-java的微信分享功能

最近在做微信服务号开发,简单总结一下,便于自己学习积累和分享给大家: 环境介绍: Spring+ Spring MVC +Mybatis 开发语言: JAVA 微信公众平台的开发中,微信只公布了一个基于Http协议的接口和加解密的算法sdk,在开发的过程中可以自己根据需求来配置数据,调用相关接口,也可以引用比较成熟的基于java语言的微信公众号sdk.笔者引用的是目前比较流行的 weixin-java-tools 可以参考:点击打开链接 项目中引入了weixin-java-mp 就可直接调用相关

微信收费直播(如何做付费的微信直播)教程

原创教程.今天写了两份直播教程文章. 场景描述:在做微信直播时,希望实现付费观看功能,即用户付费后,再返回直播的观看页面: 场景应用:在线教学类的课程.在线教育类网站.个人做微信的收费直播. 首先,还是上实际的效果图.观看者的观看流程是:打开直播页(或扫直播页二维码)->付费观看,支付观看的费用 ->观看正式的课程直播. : 具体如何实现这种效果呢: 第1步. 登录保利威视云直播平台( http://www.polyv.net ),创建一个直播频道 第2步. 登录保利威视云直播管理平台 >

【微信开发】【Asp.net MVC】-- 微信分享功能

内嵌在微信中的网页,右上角都会有一个默认的分享功能.如下图所示,第一个为自定义的效果,第二个为默认的效果.实现了自定义的分享链接是不是更让人有点击的欲望?下面讲解下开发的过程. 一.准备,设置js接口安全域名 这需要使用微信的jssdk,先需要在微信公众号后台进行设置:公众号设置-->功能设置-->JS接口安全域名.打开这个页面之后你会看到下面的提示.需要先下载这个文件并上传到指定域名的根目录. 这个文件里面是一个字符串,从名称看是用来校验用的.先上传了这个文件,你才能保存成功.这样你就可以使

C#微信开发之旅(九):JSAPI支付(V3)(相关代码待补全)

微信开发遇到最复杂的就是支付了,无论V2还是V3.这篇文章将给出全套的V3版本JSAPI支付代码,包括预支付->支付->订单查询->通知->退款,其中前三步已经上线应用,退款只是简单测试了一下,大家要用的话需要谨慎... 一.预支付&支付 实际就是讲订单信息交给微信端,返回给我们一个预支付id(与V2app支付相似),支付时将预支付id交给微信处理.注意:预支付id 需存储,每个out_trade_no(我们自己的订单号)只能对应一个预支付id.代码奉上:(mvc demo

C#开发微信门户及应用(46)-基于Bootstrap的微信门户应用管理系统功能介绍

在前面介绍很多的微信框架,基本上都采用EasyUI的界面来搭建的微信框架,如随笔<C#开发微信门户及应用(8)-微信门户应用管理系统功能介绍>介绍的一样,不过随着微信的H5应用越来越多,因此转换为更适合做H5页面应用框架的Bootstrap开发框架,本文介绍的整个微信模块都是基于Bootstrap的应用. 微信开发包括公众号.企业号.微信小程序等方面的开发内容,需要对腾信的微信API接口进行封装:包括事件.菜单.订阅用户.多媒体文件.图文消息.消息群发.微信支付和企业红包.摇一摇设备.语义理解

微信开发束缚了你的思想

最近通过在新浪云上建立了自己的应用,进行了微信的开发.渐渐对微信开发由开始的好奇变成了一种轻视的态度(当然此处不乏装逼的嫌疑.)下面谈谈自己对微信开发的一点理解,希望对即将进行微信开发的人员有一点帮助. 微信开发的关键就是有一个可以线上调试的域名.空间.之前,在网上搜索各种免费的域名.空间啊,然后就是各种注册,最后还是没得到.有的获得了域名.空间,但是速度那是相当的慢啊.恰巧公司同事有在做微信开发的,下班的时候就询问了一下,如何获得域名.空间啊.然后就知道了新浪云,可以以较少的费用获取新浪云,当