• 实例：用C#.NET手把手教你做微信公众号开发（21）--使用微信支付线上收款：H5方式

    在做线上、线下销售时，可以使用微信便捷支付，通过微信公众号收款有很多种收款方式，如下图：

    今天我们来讲一下H5场景支付，使用手机浏览器打开就是H5方式，最常见的推广是短信内置链接，这种场景需要调用微信app，然后再启动微信支付及后续流程。

    一、操作演示

    随便用什么能扫码的app扫码下面二维码，打开后复制链接到手机浏览器打开页面。

     

     

     

     

    二、微信支付配置

    在本系列文章第18篇（(2条消息) 实例：用C#.NET手把手教你做微信公众号开发（18）--使用微信支付给粉丝发红包_乱世刀疤的博客-CSDN博客）有介绍过，除了基础配置之外，以下配置是关键：

    三、H5场景支付演示源码

    前端页面源码如下：

    1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="H5Test.aspx.cs" Inherits="Jjlm.H5Test" %>
    2.  
    3. <!DOCTYPE html>
    4. <html>
    5. <head runat="server">
    6. 	<meta charset="utf-8">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    8.     <title>微信支付H5收款测试</title>
    9. </head>
    10.  
    11. <style>
    12.     img{
    13.         width: 100%;
    14.         display: block;
    15.     }
    16.     body{
    17.         margin:0;padding:0;
    18.         background-repeat: no-repeat;
    19.         background-size: 100% 100%;
    20.     }
    21.     .line{
    22.         display: flex;justify-content:space-between;height: 40px;margin: 0 20px;
    23.     }
    24.     .boline{
    25.         border-bottom: 1px solid #ddd;
    26.     }
    27.     .ti{
    28.         font-size: 18px;
    29.         line-height: 40px;
    30.     }
    31.     .text{
    32.         font-size: 16px;
    33.         line-height: 40px;
    34.     }
    35. </style>
    36.  
    37. <body>
    38. <div style="width: 100%;background:#555;color:#fff;font-size:20px;height: 40px;line-height: 40px;text-align: center;">
    39.     收银台
    40. </div>
    41. <form id="form1" runat="server">
    42.     <div>
    43.         <div style="margin-top:10px;background: #fff;">
    44.             <div class="line boline">
    45.                 <span class="ti">订单号:</span>
    46.                 <asp:Label runat="server" id="lbBillNo" Text="" Visible="true" class="text" />
    47.             </div>
    48.             <div class="line boline">
    49.                 <span class="ti">产品:</span>
    50.                 <asp:Label runat="server" id="lbProductName" Text="" Visible="true" class="text" />
    51.             </div>
    52.             <div class="line boline">
    53.                 <span class="ti">商品数量: </span>
    54.                 <asp:Label runat="server" id="lbProductNum" Text="" Visible="true" class="text" />
    55.             </div>
    56.             <div class="line">
    57.                  <span class="ti">支付金额:</span>
    58.                  <asp:Label runat="server" id="lbTotalFee" Text="" Visible="true" class="text" style="color: crimson;" />
    59.             </div>
    60.         </div>
    61. 		<div style="margin: 10px auto;">
    62. 			<img src="img/wxzf.jpg" alt="" style="width: 100%;">
    63.         </div>
    64.         <div style="margin: 10px auto;width: 90%;height: 40px;background: #20a91d;border-radius:10px;text-align: center;" runat="server" id="divBtn">
    65.             <asp:Button ID="submit" runat="server" Text="立即支付"  Style="background: #20a91d;border-width:0px;color: #fff;line-height: 35px;font-size: 20px;outline:0px;-webkit-appearance: none;" OnClick="btnCallPayClick"/>
    66.         </div>
    67.         </br>
    68. 		
    69. 		<asp:Label runat="server" id="lbProductId" Text="" Visible="false" class="text" />
    70. 		<asp:Label runat="server" id="lbUrl" Text="" Visible="true" class="text" />
    71.  
    72.     </div>
    73. </form>
    74. </body>
    75. </html>

    后端源码如下：

    1. using System;
    2. using System.Web;
    3. using System.Web.UI;
    4. using System.Data;
    5. using System.Data.SqlClient;
    6. using QinMing.Config;
    7. using QinMing.WeixinPayCollect;
    8.  
    9. namespace Jjlm
    10. {
    11.     
    12. 	public partial class H5Test : System.Web.UI.Page
    13.     {
    14. 		public static string wxJsApiParam {get;set;} //H5调起JS API参数
    15. 		
    16.         protected void Page_Load(object sender, EventArgs e)
    17.         {
    18.             lbProductId.Text = "202102040001";
    19. 			lbProductName.Text = "微信支付H5测试";
    20. 			lbBillNo.Text = DateTime.Now.ToString("yyyyMMddHHmmssms");   //
    21. 			lbProductNum.Text = "1";
    22. 			lbTotalFee.Text = "0.01";
    23.         }
    24. 		
    25. 		protected void btnCallPayClick(object sender, EventArgs e)
    26.         {
    27. 			string fee = (Convert.ToDouble(lbTotalFee.Text)*100).ToString(); ///微信单位分
    28. 			string out_trade_no = lbBillNo.Text;
    29.  
    30.             if (lbProductName.Text != null)
    31.             {
    32.                 //若传递了相关参数，则调统一下单接口，获得后续相关接口的入口参数
    33.                 H5Pay h5Pay = new H5Pay();
    34. 				string scip = GetWebClientIp();//获取客户端真实IP
    35. 				string url = h5Pay.GetPayUrl(scip,fee,out_trade_no,lbProductId.Text,lbProductName.Text);
    36. 				lbUrl.Text = url;
    37. 				Response.Redirect(url, false);//跳转到微信支付中间页 
    38.             }
    39.             else
    40.             {
    41.                 Log.showlog("zhifu_callpay","页面缺少参数，请返回重试");
    42.             }
    43.         }	
    44.         
    45. 		
    46. 		public string GetWebClientIp()  
    47.         {  
    48.             string userIP = "";  
    49.             try  
    50.             {  
    51.                 if (System.Web.HttpContext.Current == null  
    52.             || System.Web.HttpContext.Current.Request == null  
    53.             || System.Web.HttpContext.Current.Request.ServerVariables == null)  
    54.                     return "";  
    55.                 string CustomerIP = "";  
    56.                 //CDN加速后取到的IP simone 090805  
    57.                 CustomerIP = System.Web.HttpContext.Current.Request.Headers["Cdn-Src-Ip"];  
    58.                 if (!string.IsNullOrEmpty(CustomerIP))  
    59.                 {  
    60.                     return CustomerIP;  
    61.                 }  
    62.                 CustomerIP = System.Web.HttpContext.Current.Request.ServerVariables["HTTP_X_FORWARDED_FOR"];  
    63.                 if (!String.IsNullOrEmpty(CustomerIP))  
    64.                 {  
    65.                     return CustomerIP;  
    66.                 }  
    67.                 if (System.Web.HttpContext.Current.Request.ServerVariables["HTTP_VIA"] != null)  
    68.                 {  
    69.                     CustomerIP = System.Web.HttpContext.Current.Request.ServerVariables["HTTP_X_FORWARDED_FOR"];  
    70.                     if (CustomerIP == null)  
    71.                         CustomerIP = System.Web.HttpContext.Current.Request.ServerVariables["REMOTE_ADDR"];  
    72.                 }  
    73.                 else  
    74.                 {  
    75.                     CustomerIP = System.Web.HttpContext.Current.Request.ServerVariables["REMOTE_ADDR"];  
    76.                 }  
    77.                 if (string.Compare(CustomerIP, "unknown", true) == 0)  
    78.                     return System.Web.HttpContext.Current.Request.UserHostAddress;  
    79.                 return CustomerIP;  
    80.             }  
    81.             catch { }  
    82.             return userIP;  
    83.         }
    84. 	
    85.     }
    86. }

    四、收款类源码

    上面演示代码中用到的类和上一篇文章是同一个，源码已在上一篇文章中给出。

    且用于收款记录存放的表也在上一篇文章给出，只是有一个字段标注的支付来源不同。

    五、收款后收款记录状态更新

    同上一篇文章介绍的内容一致，代码不再重复贴出。

    前端代码：WeixinPayRecvResultNotify.aspx

    后端代码：WeixinPayRecvResultNotify.aspx.cs

  • 相关阅读:
    申请国外博士后的常识
    Linux内核知识点---线程与锁
    c++ 沉思录笔记——句柄（第一部分）
    解决尚医通com.aliyun.oss 和com.aliyun 爆红
    独角数卡安装前后常见问题汇总
    xf86-video-intel源码分析6 —— intel_device.c和intel_driver.h（1）
    K8s部署
    python安全工具开发笔记（五）——python数据库编程
    遥感云计算的一个拐点
    前端框架 React中Typecript的使用
  • 原文地址：https://blog.csdn.net/daobaqin/article/details/125414690