微信开发（一）：用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; }
}

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 + "×tamp=" +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