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。