1.前台页面：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>微信扫码支付</title> <style> html { font-size:20px; } .logo_g { width:8.5rem; } .form-control { width:96%;height:2rem;font-size: 1.5rem;border-radius: 0.25rem;border: 1px solid #ccc; } #btnSubmit { width: 96%; height: 2rem; border-radius: 0.25rem; background-color: #00CD00; border: 0px #FE6714 solid; cursor: pointer; color: white; font-size: 1.5rem;margin-top: 1rem; } </style> <script type="text/javascript"> window.onload=function(){ document.documentElement.style.fontSize=document.documentElement.clientWidth*20/320+‘px‘; window.onsize=function(){ document.documentElement.style.fontSize=document.documentElement.clientWidth*20/320+‘px‘; }; };
//调用微信JS api 支付 function jsApiCall() { WeixinJSBridge.invoke( ‘getBrandWCPayRequest‘, <%=wxJsApiParam%>,//josn串 function (res) { if (res.err_msg == "get_brand_wcpay_request:ok") { alert("微信支付成功!"); } else if (res.err_msg == "get_brand_wcpay_request:cancel") { alert("用户取消支付!"); } else { alert(res.err_msg); alert("支付失败!"); } } ); }
function callpay() { //WeixinJSBridge.invoke() if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListener(‘WeixinJSBridgeReady‘, jsApiCall, false); } else if (document.attachEvent) { document.attachEvent(‘WeixinJSBridgeReady‘, jsApiCall); document.attachEvent(‘onWeixinJSBridgeReady‘, jsApiCall); } } else { jsApiCall(); } } </script></head><body> <form id="form1" runat="server" style="text-align:center;"> <img class="logo_g" src="../Templates/vshop/t7/images/logo.png" /> <asp:TextBox ID="txtMoney" CssClass="form-control" runat="server" onkeypress="if (event.keyCode < 48 || event.keyCode >57) event.returnValue = false;" placeholder="请输入金额" /> <asp:Button ID="btnSubmit" runat="server" Text="立即支付" OnClientClick="callpay()" /> </form></body></html>
2.后台代码
public class wx_ScanCodePay : Page { protected Button btnSubmit; protected TextBox txtMoney;
public static string wxEditAddrParam { get; set; } public static string wxJsApiParam { get; set; } //H5调起JS API参数
protected void Page_Load(object sender, EventArgs e) { this.btnSubmit.Click += new EventHandler(this.btnSubmit_Click); if (!IsPostBack) { //JsApiPay jsApiPay = new JsApiPay(this); //try //{ // //调用【网页授权获取用户信息】接口获取用户的openid和access_token // jsApiPay.GetOpenidAndAccessToken();
// //获取收货地址js函数入口参数 // wxEditAddrParam = jsApiPay.GetEditAddressParameters(); // ViewState["openid"] = jsApiPay.openid; //} //catch (Exception ex) //{ // Response.Write("<span style=‘color:#FF0000;font-size:20px‘>" + "页面加载出错，请重试" + "</span>"); //} } }
private void btnSubmit_Click(object sender, EventArgs e) { string amount = this.txtMoney.Text; int money; if (ViewState["openid"] != null) { string openid = ViewState["openid"].ToString();
//检测是否给当前页面传递了相关参数 if (string.IsNullOrEmpty(amount)) { Response.Write("<span style=‘color:#FF0000;font-size:20px‘>" + "请输入正确的金额,请返回重试" + "</span>"); return; } if (!int.TryParse(amount, out money)) { Response.Write("<span style=‘color:#FF0000;font-size:20px‘>" + "请输入正确的金额,请返回重试" + "</span>"); return; }
//若传递了相关参数，则调统一下单接口，获得后续相关接口的入口参数 JsApiPay jsApiPay = new JsApiPay(this); jsApiPay.openid = openid; jsApiPay.total_fee = (int)(money * 100M);
//JSAPI支付预处理 try { WxPayData unifiedOrderResult = jsApiPay.GetUnifiedOrderResult(); wxJsApiParam = jsApiPay.GetJsApiParameters();//获取H5调起JS API参数 } catch (Exception ex) { Response.Write("<span style=‘color:#FF0000;font-size:20px‘>" + "下单失败，请返回重试" + "</span>");
} } else { Response.Write("<span style=‘color:#FF0000;font-size:20px‘>" + "页面缺少参数，请返回重试" + "</span>"); } } }
3.JsApiPay.cs
namespace WxPayAPI
{
public class JsApiPay
{
/// <summary>
/// 保存页面对象，因为要在类的方法中使用Page的Request对象
/// </summary>
private Page page {get;set;}
/// <summary>
/// openid用于调用统一下单接口
/// </summary>
public string openid { get; set; }
/// <summary>
/// access_token用于获取收货地址js函数入口参数
/// </summary>
public string access_token { get; set; }
/// <summary>
/// 商品金额，用于统一下单
/// </summary>
public int total_fee { get; set; }
/// <summary>
/// 统一下单接口返回结果
/// </summary>
public WxPayData unifiedOrderResult { get; set; }
public JsApiPay(Page page)
{
this.page = page;
}
/**
*
* 网页授权获取用户基本信息的全部过程
* 详情请参看网页授权获取用户基本信息：http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html
* 第一步：利用url跳转获取code
* 第二步：利用code去获取openid和access_token
*
*/
public SiteSettings masterSettings = SettingsManager.GetMasterSettings(false);
public void GetOpenidAndAccessToken()
{
if (!string.IsNullOrEmpty(page.Request.QueryString["code"]))
{
//获取code码，以获取openid和access_token
string code = page.Request.QueryString["code"];
// Log.Debug(this.GetType().ToString(), "Get code : " + code);
GetOpenidAndAccessTokenFromCode(code);
}
else
{
//构造网页授权获取code的URL
string host = page.Request.Url.Host;
string path = page.Request.Path;
string redirect_uri = HttpUtility.UrlEncode("http://" + host + path);
WxPayData data = new WxPayData();
data.SetValue("appid", masterSettings.WeixinAppId);
data.SetValue("redirect_uri", redirect_uri);
data.SetValue("response_type", "code");
data.SetValue("scope", "snsapi_base");
data.SetValue("state", "STATE" + "#wechat_redirect");
string url = "https://open.weixin.qq.com/connect/oauth2/authorize?" + data.ToUrl();
// Log.Debug(this.GetType().ToString(), "Will Redirect to URL : " + url);
try
{
//触发微信返回code码
page.Response.Redirect(url);//Redirect函数会抛出ThreadAbortException异常，不用处理这个异常
}
catch(System.Threading.ThreadAbortException ex)
{
}
}
}
/**
*
* 通过code换取网页授权access_token和openid的返回数据，正确时返回的JSON数据包如下：
* {
* "access_token":"ACCESS_TOKEN",
* "expires_in":7200,
* "refresh_token":"REFRESH_TOKEN",
* "openid":"OPENID",
* "scope":"SCOPE",
* "unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"
* }
* 其中access_token可用于获取共享收货地址
* openid是微信支付jsapi支付接口统一下单时必须的参数
* 更详细的说明请参考网页授权获取用户基本信息：http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html
* @失败时抛异常WxPayException
*/
public void GetOpenidAndAccessTokenFromCode(string code)
{
try
{
//构造获取openid及access_token的url
WxPayData data = new WxPayData();
data.SetValue("appid", masterSettings.WeixinAppId);
data.SetValue("secret", masterSettings.WeixinAppSecret);
data.SetValue("code", code);
data.SetValue("grant_type", "authorization_code");
string url = "https://api.weixin.qq.com/sns/oauth2/access_token?" + data.ToUrl();
//请求url以获取数据
string result = HttpService.Get(url);
// Log.Debug(this.GetType().ToString(), "GetOpenidAndAccessTokenFromCode response : " + result);
//保存access_token，用于收货地址获取
JsonData jd = JsonMapper.ToObject(result);
access_token = (string)jd["access_token"];
//获取用户openid
openid = (string)jd["openid"];
// Log.Debug(this.GetType().ToString(), "Get openid : " + openid);
// Log.Debug(this.GetType().ToString(), "Get access_token : " + access_token);
}
catch (Exception ex)
{
// Log.Error(this.GetType().ToString(), ex.ToString());
throw new WxPayException(ex.ToString());
}
}
/**
* 调用统一下单，获得下单结果
* @return 统一下单结果
* @失败时抛异常WxPayException
*/
public WxPayData GetUnifiedOrderResult()
{
//统一下单
WxPayData data = new WxPayData();
data.SetValue("body", "test");//商品描述
data.SetValue("attach", "test");//附加数据
data.SetValue("out_trade_no", WxPayApi.GenerateOutTradeNo());
data.SetValue("total_fee", total_fee);
data.SetValue("time_start", DateTime.Now.ToString("yyyyMMddHHmmss"));
data.SetValue("time_expire", DateTime.Now.AddMinutes(10).ToString("yyyyMMddHHmmss"));
data.SetValue("goods_tag", "test");//商品标记(优惠券可能用到)
data.SetValue("trade_type", "JSAPI");
data.SetValue("openid", openid);
WxPayData result = WxPayApi.UnifiedOrder(data);
if (!result.IsSet("appid") || !result.IsSet("prepay_id") || result.GetValue("prepay_id").ToString() == "")
{
// Log.Error(this.GetType().ToString(), "UnifiedOrder response error!");
throw new WxPayException("UnifiedOrder response error!");
}
unifiedOrderResult = result;
return result;
}
/**
*
* 从统一下单成功返回的数据中获取微信浏览器调起jsapi支付所需的参数，
* 微信浏览器调起JSAPI时的输入参数格式如下：
* {
* "appId" : "wx2421b1c4370ec43b", //公众号名称，由商户传入
* "timeStamp":" 1395712654", //时间戳，自1970年以来的秒数
* "nonceStr" : "e61463f8efa94090b1f366cccfbbb444", //随机串
* "package" : "prepay_id=u802345jgfjsdfgsdg888",
* "signType" : "MD5", //微信签名方式:
* "paySign" : "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名
* }
* @return string 微信浏览器调起JSAPI时的输入参数，json格式可以直接做参数用
* 更详细的说明请参考网页端调起支付API：http://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7
*
*/
public string GetJsApiParameters()
{
// Log.Debug(this.GetType().ToString(), "JsApiPay::GetJsApiParam is processing...");
WxPayData jsApiParam = new WxPayData();
jsApiParam.SetValue("appId", unifiedOrderResult.GetValue("appid"));
jsApiParam.SetValue("timeStamp", WxPayApi.GenerateTimeStamp());
jsApiParam.SetValue("nonceStr", WxPayApi.GenerateNonceStr());
jsApiParam.SetValue("package", "prepay_id=" + unifiedOrderResult.GetValue("prepay_id"));
jsApiParam.SetValue("signType", "MD5");
jsApiParam.SetValue("paySign", jsApiParam.MakeSign());
string parameters = jsApiParam.ToJson();
// Log.Debug(this.GetType().ToString(), "Get jsApiParam : " + parameters);
return parameters;
}
/**
*
* 获取收货地址js函数入口参数,详情请参考收货地址共享接口：http://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_9
* @return string 共享收货地址js函数需要的参数，json格式可以直接做参数使用
*/
public string GetEditAddressParameters()
{
string parameter = "";
try
{
string host = page.Request.Url.Host;
string path = page.Request.Path;
string queryString = page.Request.Url.Query;
//这个地方要注意，参与签名的是网页授权获取用户信息时微信后台回传的完整url
string url = "http://" + host + path + queryString;
//构造需要用SHA1算法加密的数据
WxPayData signData = new WxPayData();
signData.SetValue("appid", masterSettings.WeixinAppId);
signData.SetValue("url", url);
signData.SetValue("timestamp",WxPayApi.GenerateTimeStamp());
signData.SetValue("noncestr",WxPayApi.GenerateNonceStr());
signData.SetValue("accesstoken",access_token);
string param = signData.ToUrl();
// Log.Debug(this.GetType().ToString(), "SHA1 encrypt param : " + param);
//SHA1加密
string addrSign = FormsAuthentication.HashPasswordForStoringInConfigFile(param, "SHA1");
// Log.Debug(this.GetType().ToString(), "SHA1 encrypt result : " + addrSign);
//获取收货地址js函数入口参数
WxPayData afterData = new WxPayData();
afterData.SetValue("appId", masterSettings.WeixinAppId);
afterData.SetValue("scope","jsapi_address");
afterData.SetValue("signType","sha1");
afterData.SetValue("addrSign",addrSign);
afterData.SetValue("timeStamp",signData.GetValue("timestamp"));
afterData.SetValue("nonceStr",signData.GetValue("noncestr"));
//转为json格式
parameter = afterData.ToJson();
// Log.Debug(this.GetType().ToString(), "Get EditAddressParam : " + parameter);
}
catch (Exception ex)
{
// Log.Error(this.GetType().ToString(), ex.ToString());
throw new WxPayException(ex.ToString());
}
return parameter;
}
}
}
时间： 2024-10-09 23:20:03