快捷導(dǎo)航

微信掃碼支付（PC端）

更新時間：2017年01月22日 15:20:32 作者：stoneniqiu

本文主要介紹了掃碼支付指的是PC網(wǎng)站上面使用微信支付，也就是官方的模式二，網(wǎng)站是Asp.net MVC。具有很好的參考價值，下面跟著小編一起來看下吧

這里的掃碼支付指的是PC網(wǎng)站上面使用微信支付，也就是官方的模式二，網(wǎng)站是Asp.net MVC,整理如下。(demo在最下方)

一、準(zhǔn)備工作

使用的微信API中的所以首先要有一個審核過的公眾號，并開通支付功能，然后申請商戶，通過審核后得到商戶號，也就是商戶平臺的登錄名。商戶支付密鑰是用來簽名的，確保url不被篡改。進(jìn)入商戶平臺后在API安全中設(shè)置，是一個32位的字符串。

有這三個參數(shù)后，還有一點(diǎn)要注意的是交易起始時間和交易結(jié)束時間的間隔應(yīng)該在五分鐘以上2小時以內(nèi)。不然獲取支付url的時候回報錯。

二、生成支付二維碼

有了上面的參數(shù)，接下來就是下載SDK：.net SDK及示例。

可惜官方的這個示例一開始并不能運(yùn)行正確。把相關(guān)dll引用MVC目錄下。并創(chuàng)建一個WxPayAPI文件夾把相關(guān)類復(fù)制過來。

然后將WxPayConfig中的相關(guān)參數(shù)設(shè)置成自己的參數(shù)，再修改GetPayUrl方法，

public string GetPayUrl(Order order,string ip)
 {
 if (order == null)
 {
 throw new ArgumentNullException("order");
 }
 var product = order.OrderItems.First();
 WxPayData data = new WxPayData();
 data.SetValue("appid", WxPayConfig.APPID);
 data.SetValue("mch_id", WxPayConfig.MCHID);
 // data.SetValue("device_info", "iphone4s");
 data.SetValue("nonce_str", WxPayApi.GenerateNonceStr());
 data.SetValue("body", product.AttributeDescription);//商品描述
 data.SetValue("detail", product.AttributeDescription);//商品描述
 data.SetValue("attach", "北京分店");//附加數(shù)據(jù)
 data.SetValue("out_trade_no", order.TradeNumber);//隨機(jī)字符串
 // data.SetValue("total_fee", Convert.ToInt32(order.OrderTotal * 100));//總金額
 data.SetValue("total_fee", 1);//總金額
 data.SetValue("spbill_create_ip",ip);//總金額
 data.SetValue("time_start", DateTime.Now.ToString("yyyyMMddHHmmss"));//交易起始時間
 data.SetValue("time_expire", DateTime.Now.AddMinutes(30).ToString("yyyyMMddHHmmss"));//交易結(jié)束時間
 data.SetValue("goods_tag", "智能嬰兒床");//商品標(biāo)記
 data.SetValue("notify_url", "http://www.xxxx.com/Checkout/ResultNotify");//通知地址
 data.SetValue("trade_type", "NATIVE");//交易類型
 data.SetValue("product_id", product.ProductId);//商品ID 
 data.SetValue("sign", data.MakeSign());//簽名
 Logger.Info("獲得簽名" + data.GetValue("sign"));
 WxPayData result = WxPayApi.UnifiedOrder(data);//調(diào)用統(tǒng)一下單接口
 Logger.Info(result.ToJson());
 string url = result.GetValue("code_url").ToString();//獲得統(tǒng)一下單接口返回的二維碼鏈接
 Logger.Info("pay url:" + url);
 return url;
 }

TradeNumber是調(diào)用WxPayApi.GenerateOutTradeNo() 方法生成的，notify_url是用戶支付之后微信通知的地址。金額的單位是分，只能傳int型或string型，decimal需要轉(zhuǎn)換一下。獲取url成功后，在負(fù)責(zé)支付的控制器中創(chuàng)建一個payment方法。用于顯示二維碼：

public ActionResult Payment(string guid)
 {
 if(string.IsNullOrEmpty(guid)) 
 throw new ArgumentException("guide");
 var order = _orderService.GetOrderByGuid(new Guid(guid));var user = _workContext.CurrentUser;
 NativePay nativePay = new NativePay();
 string url2 = nativePay.GetPayUrl(order, user.LastIpAddress);
 ViewBag.QRCode = "/Checkout/MakeQRCode?data=" + HttpUtility.UrlEncode(url2);
 ViewBag.Order = order;
 
 return View();
 }

這里只是返回了一個url，在頁面上：

<img src="@ViewBag.QRCode" class="qrcode" />

后臺用的qrCodeEncoder生成二維碼。

public FileResult MakeQRCode(string data)
 {
 if (string.IsNullOrEmpty(data)) 
 throw new ArgumentException("data");
 //初始化二維碼生成工具
 QRCodeEncoder qrCodeEncoder = new QRCodeEncoder();
 qrCodeEncoder.QRCodeEncodeMode = QRCodeEncoder.ENCODE_MODE.BYTE;
 qrCodeEncoder.QRCodeErrorCorrect = QRCodeEncoder.ERROR_CORRECTION.M;
 qrCodeEncoder.QRCodeVersion = 0;
 qrCodeEncoder.QRCodeScale = 4;
 //將字符串生成二維碼圖片
 Bitmap image = qrCodeEncoder.Encode(data, Encoding.Default);
 //保存為PNG到內(nèi)存流 
 MemoryStream ms = new MemoryStream();
 image.Save(ms, ImageFormat.Jpeg);
 return File(ms.ToArray(), "image/jpeg");
 }

成功之后得到支付頁面：

掃碼后跳出支付頁面：

三、回調(diào)

用戶支付之后，微信會給之前預(yù)留的接口（接口不能帶參數(shù)）發(fā)消息，網(wǎng)站在收到消息后進(jìn)行驗(yàn)證和確認(rèn)，確定之后再給微信發(fā)一個消息。詳細(xì)參數(shù)和文檔請看官方API

這里還是把demo中的方法稍作改動放到了控制器里面：

public ActionResult ResultNotify()
 {
 //接收從微信后臺POST過來的數(shù)據(jù)
 Stream s = Request.InputStream;
 int count = 0;
 byte[] buffer = new byte[1024];
 StringBuilder builder = new StringBuilder();
 while ((count = s.Read(buffer, 0, 1024)) > 0)
 {
 builder.Append(Encoding.UTF8.GetString(buffer, 0, count));
 }
 s.Flush();
 s.Close();
 s.Dispose();
 Logger.Info(this.GetType()+ "Receive data from WeChat : " + builder);
 //轉(zhuǎn)換數(shù)據(jù)格式并驗(yàn)證簽名
 WxPayData data = new WxPayData();
 try
 {
 data.FromXml(builder.ToString());
 }
 catch (WxPayException ex)
 {
 //若簽名錯誤，則立即返回結(jié)果給微信支付后臺
 WxPayData res = new WxPayData();
 res.SetValue("return_code", "FAIL");
 res.SetValue("return_msg", ex.Message);
 Log.Error(this.GetType().ToString(), "Sign check error : " + res.ToXml());
 Response.Write(res.ToXml());
 Response.End();
 }
 Logger.Info(this.GetType()+ "Check sign success");
 ProcessNotify(data);
 return View();
 }
 public void ProcessNotify(WxPayData data)
 {
 WxPayData notifyData = data;
 //檢查支付結(jié)果中transaction_id是否存在
 if (!notifyData.IsSet("transaction_id"))
 {
 //若transaction_id不存在，則立即返回結(jié)果給微信支付后臺
 WxPayData res = new WxPayData();
 res.SetValue("return_code", "FAIL");
 res.SetValue("return_msg", "支付結(jié)果中微信訂單號不存在");
 Logger.Error(this.GetType()+"The Pay result is error : " + res.ToXml());
 Response.Write(res.ToXml());
 Response.End();
 }
 string transaction_id = notifyData.GetValue("transaction_id").ToString();
 //查詢訂單，判斷訂單真實(shí)性
 if (!QueryOrder(transaction_id))
 {
 //若訂單查詢失敗，則立即返回結(jié)果給微信支付后臺
 WxPayData res = new WxPayData();
 res.SetValue("return_code", "FAIL");
 res.SetValue("return_msg", "訂單查詢失敗");
 Logger.Error(this.GetType()+"Order query failure : " + res.ToXml());
 Response.Write(res.ToXml());
 Response.End();
 }
 //查詢訂單成功
 else
 {
 WxPayData res = new WxPayData();
 res.SetValue("return_code", "SUCCESS");
 res.SetValue("return_msg", "OK");
 Logger.Info(this.GetType()+"order query success : " + res.ToXml());
 SetPaymentResult(data.GetValue("out_trade_no").ToString(), PaymentStatus.Paid);
 Response.Write(res.ToXml());
 Response.End();
 }
 }

收到確認(rèn)后，我們要更新訂單的狀態(tài)：

public void SetPaymentResult(string tradeno, PaymentStatus status)
 {
 Logger.Info("訂單號:"+tradeno);
 var order = _orderService.GetOrderByTradeNumber(tradeno);
 if (order != null)
 {
 order.PaymentStatus = status;
 if (status == PaymentStatus.Paid)
 {
 order.PaidDate = DateTime.Now;
 }
 _orderService.UpdateOrder(order);
 Logger.Info("訂單："+tradeno+"成功更新狀態(tài)為"+status);
 }
 }

然后在頁面上檢測訂單的狀態(tài)，確定成功后，跳轉(zhuǎn)頁面。