温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

PC端如何实现微信扫码支付

发布时间:2021-08-25 13:57:01 来源:亿速云 阅读:2101 作者:小新 栏目:开发技术

这篇文章主要为大家展示了“PC端如何实现微信扫码支付”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“PC端如何实现微信扫码支付”这篇文章吧。

一、准备工作

使用的微信API中的统一下单方法,关键的参数是‘公众账号ID(appid)',‘商户号(mch_id)'和'商户支付密钥(KEY)‘,所以首先要有一个审核过的公众号,并开通支付功能,然后申请商户,通过审核后得到商户号,也就是商户平台的登录名。商户支付密钥是用来签名的,确保url不被篡改。进入商户平台后在API安全中设置,是一个32位的字符串。

PC端如何实现微信扫码支付

有这三个参数后,还有一点要注意的是交易起始时间交易结束时间的间隔应该在五分钟以上2小时以内。不然获取支付url的时候回报错。

二、生成支付二维码

有了上面的参数,接下来就是下载SDK:.net SDK及示例 。

可惜官方的这个示例一开始并不能运行正确。把相关dll引用MVC目录下。并创建一个WxPayAPI文件夹把相关类复制过来。

PC端如何实现微信扫码支付

然后将WxPayConfig中的相关参数设置成自己的参数,再修改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", "北京分店");//附加数据
 data.SetValue("out_trade_no", order.TradeNumber);//随机字符串
 // 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"));//交易结束时间
 data.SetValue("goods_tag", "智能婴儿床");//商品标记
 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);//调用统一下单接口
 Logger.Info(result.ToJson());
 string url = result.GetValue("code_url").ToString();//获得统一下单接口返回的二维码链接
 Logger.Info("pay url:" + url);
 return url;
 }

TradeNumber是调用WxPayApi.GenerateOutTradeNo() 方法生成的,notify_url是用户支付之后微信通知的地址。金额的单位是分,只能传int型或string型,decimal需要转换一下。获取url成功后,在负责支付的控制器中创建一个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到内存流 
 MemoryStream ms = new MemoryStream();
 image.Save(ms, ImageFormat.Jpeg);
 return File(ms.ToArray(), "image/jpeg");
 }

成功之后得到支付页面:

PC端如何实现微信扫码支付

扫码后跳出支付页面:

PC端如何实现微信扫码支付

三、回调

用户支付之后,微信会给之前预留的接口(接口不能带参数)发消息, 网站在收到消息后进行验证和确认,确定之后再给微信发一个消息。详细参数和文档请看官方API

这里还是把demo中的方法稍作改动放到了控制器里面:

public ActionResult ResultNotify()
 {
 //接收从微信后台POST过来的数据
 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);
 //转换数据格式并验证签名
 WxPayData data = new WxPayData();
 try
 {
 data.FromXml(builder.ToString());
 }
 catch (WxPayException ex)
 {
 //若签名错误,则立即返回结果给微信支付后台
 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;
 //检查支付结果中transaction_id是否存在
 if (!notifyData.IsSet("transaction_id"))
 {
 //若transaction_id不存在,则立即返回结果给微信支付后台
 WxPayData res = new WxPayData();
 res.SetValue("return_code", "FAIL");
 res.SetValue("return_msg", "支付结果中微信订单号不存在");
 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();
 //查询订单,判断订单真实性
 if (!QueryOrder(transaction_id))
 {
 //若订单查询失败,则立即返回结果给微信支付后台
 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();
 }
 }

收到确认后,我们要更新订单的状态:

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+"成功更新状态为"+status);
 }
 }

然后在页面上检测订单的状态,确定成功后,跳转页面。

PC端如何实现微信扫码支付

在商户平台的后台,我们可以查询到:

PC端如何实现微信扫码支付

以上是“PC端如何实现微信扫码支付”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI