.NET Core之微信支付之公众号、H5支付篇
前言
本篇主要记录微信支付中公众号及H5支付全过程。
准备篇
公众号或者服务号(并开通微信支付功能)、商户平台中开通JSAPI支付、H5支付。
配置篇
公众号或者服务号中 -------开发-------开发者工具---------web开发者工具-------绑定为开发者
公众号或者服务号中 -------公众号设置--------功能设置 :填写业务域名、JS安全域名、网页授权域名 示例:pay.one.com
商户平台中--------产品中心-------开发配置------JSAPI支付授权目录填写:http://pay.one.com/ http://pay.one.com/WeChatPay/PubPay/-----H5支付填写:pay.one.com
若对配置还有疑问,可参考官方文档:
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6
开发篇
JSAPI支付
本Demo是基于Payment 的SDK开发。具体详情可参考:https://github.com/Essensoft/Payment
首先 使用Nuget安装payment:
Install-Package :Essensoft.AspNetCore.Payment.WeChatPay -Version 2.3.2
建一个Model: WeChatPayPubPayViewModel
- public class WeChatPayPubPayViewModel
- {
- [Required]
- [Display(Name = "out_trade_no")]
- public string OutTradeNo { get; set; }
- [Required]
- [Display(Name = "body")]
- public string Body { get; set; }
- [Required]
- [Display(Name = "total_fee")]
- public int TotalFee { get; set; }
- [Required]
- [Display(Name = "spbill_create_ip")]
- public string SpbillCreateIp { get; set; }
- [Required]
- [Display(Name = "notify_url")]
- public string NotifyUrl { get; set; }
- [Required]
- [Display(Name = "trade_type")]
- public string TradeType { get; set; }
- [Required]
- [Display(Name = "openid")]
- public string OpenId { get; set; }
- }
WeChatPayController:
- //微信支付请求客户端(用于处理请求与响应)
- private readonly IWeChatPayClient _client;
- private readonly ILogger<WeChatPayController> _logger;
- private IHttpContextAccessor _accessor;
- public WeChatPayController(IWeChatPayClient client, IHttpContextAccessor accessor, ILogger<WeChatPayController> logger)
- {
- _client = client;
- _accessor = accessor;
- _logger = logger;
- }
- /// <summary>
- /// 公众号支付
- /// </summary>
- /// <returns></returns>
- [HttpGet]
- public IActionResult PubPay()
- {
- WeChatPayPubPayViewModel payModel=new WeChatPayPubPayViewModel()
- {
- Body = "微信公众号支付测试",
- OutTradeNo = DateTime.Now.ToString("yyyyMMddHHmmssfff"),
- TotalFee = ,//分 单位
- SpbillCreateIp = "127.0.0.1",
- NotifyUrl = "http://pay.one.com/notify/wechatpay/unifiedorder",
- TradeType = "JSAPI",
- OpenId = "" //此处需进行授权 获取OpenId
- };
- return View(payModel);
- }
- /// <summary>
- /// 公众号支付
- /// </summary>
- /// <param name="viewModel"></param>
- /// <returns></returns>
- [HttpPost]
- public async Task<IActionResult> PubPay(WeChatPayPubPayViewModel viewModel)
- {
- if(string.IsNullOrEmpty(viewModel.OpenId))
- {
- ViewData["response"] = "请返回上级重新进入此页面以获取最新数据";
- return View();
- }
- var request = new WeChatPayUnifiedOrderRequest
- {
- Body = viewModel.Body,
- OutTradeNo = viewModel.OutTradeNo,
- TotalFee = viewModel.TotalFee,
- SpbillCreateIp = viewModel.SpbillCreateIp,
- NotifyUrl = viewModel.NotifyUrl,
- TradeType = viewModel.TradeType,
- OpenId = viewModel.OpenId //此处需进行授权 获取OpenId
- };
- var response = await _client.ExecuteAsync(request);if (response.ReturnCode == "SUCCESS" && response.ResultCode == "SUCCESS")
- {
- var req = new WeChatPayH5CallPaymentRequest
- {
- Package = "prepay_id=" + response.PrepayId
- };
- var parameter = await _client.ExecuteAsync(req);
- // 将参数(parameter)给 公众号前端 让他在微信内H5调起支付(https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6)
- ViewData["parameter"] = JsonConvert.SerializeObject(parameter);
- ViewData["response"] = response.Body;
- return View();
- }
- ViewData["response"] = response.Body;
- return View();
- }
注意:公众号或者微信内支付,需要授权获取到用户的OpenId。所以,此处我们还需要进行微信授权,而授权方式有两种,一种是静默授权、一种是需要用户同意,区别是 静默授权只能拿到Openid,而经用户同意后可拿到 微信头像、昵称、性别等其他信息。
具体可参阅文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842
页面:
- @using Newtonsoft.Json
- @model WeChatPayPubPayViewModel
- @{
- ViewData["Title"] = "公众号支付-统一下单";
- }
- <nav aria-label="breadcrumb">
- <ol class="breadcrumb">
- <li class="breadcrumb-item"><a asp-controller="WeChatPay" asp-action="Index">微信支付</a></li>
- <li class="breadcrumb-item active" aria-current="page">@ViewData["Title"]</li>
- </ol>
- </nav>
- <br />
- <div class="card">
- <div class="card-body">
- <form asp-controller="WeChatPay" asp-action="PubPay">
- <div asp-validation-summary="All" class="text-danger"></div>
- <div class="form-group">
- <label asp-for="OutTradeNo"></label>
- <input type="text" class="form-control" asp-for="OutTradeNo" value="@Model?.OutTradeNo" />
- </div>
- <div class="form-group">
- <label asp-for="Body"></label>
- <input type="text" class="form-control" asp-for="Body" value="@Model?.Body" />
- </div>
- <div class="form-group">
- <label asp-for="TotalFee"></label>
- <input type="text" class="form-control" asp-for="TotalFee" value="@Model?.TotalFee" />
- </div>
- <div class="form-group">
- <label asp-for="SpbillCreateIp"></label>
- <input type="text" class="form-control" asp-for="SpbillCreateIp" value="@Model?.SpbillCreateIp" />
- </div>
- <div class="form-group">
- <label asp-for="NotifyUrl"></label>
- <input type="text" class="form-control" asp-for="NotifyUrl" value="@Model?.NotifyUrl" />
- </div>
- <div class="form-group">
- <label asp-for="TradeType"></label>
- <input type="text" class="form-control" asp-for="TradeType" value="@Model?.TradeType" />
- </div>
- <div class="form-group">
- <label asp-for="OpenId"></label>
- <input type="text" class="form-control" asp-for="OpenId" value="@Model?.OpenId" />
- </div>
- <button type="submit" class="btn btn-primary">提交请求</button>
- <button type="button" class="btn btn-success" id="PayNow">立即支付</button>
- </form>
- <hr />
- <form class="form-horizontal">
- <div class="form-group">
- <label>Response:</label>
- <textarea class="form-control" rows="10">@ViewData["response"]</textarea>
- </div>
- <div class="form-group">
- <label>Parameter:</label>
- <textarea class="form-control" rows="3">@ViewData["parameter"]</textarea>
- </div>
- </form>
- </div>
- </div>
- @section Scripts {
- @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); }
- }
- <script src="~/lib/jquery/dist/jquery.min.js"></script>
- <script type="text/javascript">
- $(function () {
- $("#PayNow").on('click', function () {
- const local = "http://pay.one.com/WeChatPay/PayBack/";
- window.location.href ='https://open.weixin.qq.com/connect/oauth2/authorize?appid=@ViewBaig.AppId&redirect_uri=' + encodeURIComponent(local)+'&response_type=code&scope=snsapi_base&state=a#wechat_redirect';
- });
- });
- </script>
此时:PayBack Action如下:
- [HttpGet]
- public async Task<IActionResult> PayBack()
- {
- var code = Request.Query["code"];
- var state = Request.Query["state"];
- OAuthToken tokenModel = new OAuthToken();
- //通过code换取token
- if (!string.IsNullOrEmpty(code))
- {
- _logger.LogWarning("授权成功");
- ViewBag.Code = code;
- tokenModel = OauthApi.GetAuthToken(code, wechatAppId);
- }
- var request = new WeChatPayUnifiedOrderRequest
- {
- Body = "微信公众号支付测试",
- OutTradeNo = DateTime.Now.ToString("yyyyMMddHHmmssfff"),
- TotalFee = ,//分 单位
- SpbillCreateIp = "127.0.0.1",
- NotifyUrl = "http://pay.one.com/notify/wechatpay/unifiedorder",
- TradeType = "JSAPI",
- OpenId = tokenModel.Openid //此处需进行授权 获取OpenId
- };
- var response = await _client.ExecuteAsync(request);
- _logger.LogWarning($"统一下单接口返回:{response.ReturnCode}");
- if (response.ReturnCode == "SUCCESS" && response.ResultCode == "SUCCESS")
- {
- var req = new WeChatPayH5CallPaymentRequest
- {
- Package = "prepay_id=" + response.PrepayId
- };
- var parameter = await _client.ExecuteAsync(req);
- // 将参数(parameter)给 公众号前端 让他在微信内H5调起支付(https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6)
- ViewData["parameter"] = JsonConvert.SerializeObject(parameter);
- _logger.LogWarning($"统一下单成功,即将调起微信支付:{ViewData["parameter"].ToString()}");
- ViewData["response"] = response.Body;
if (ViewData["parameter"] != null)
{
ViewBag.Test = JsonConvert.DeserializeObject(ViewData["parameter"]?.ToString());
}
- return View();
- }
- ViewData["response"] = response.Body;
- return View();
- }
其中:OAuthToken是网页授权 返回的实体:
- /// 获取网页授权token时,返回的实体
- /// </summary>
- public class OAuthToken : BaseRes
- {
- /// <summary>
- /// 网页授权接口调用凭证。注意:此access_token与基础支持的access_token不同
- /// </summary>
- [JsonProperty("access_token")]
- public string AccessToken { get; set; }
- private int _expiresIn;
- /// <summary>
- /// access_token接口调用凭证超时时间,单位(秒)
- /// </summary>
- [JsonProperty("expires_in")]
- public int ExpiresIn
- {
- get { return _expiresIn; }
- set
- {
- ExpiresTime = DateTime.Now.AddSeconds(value);
- _expiresIn = value;
- }
- }
- /// <summary>
- /// 用于刷新access_token
- /// </summary>
- [JsonProperty("refresh_token")]
- public string RefreshToken { get; set; }
- /// <summary>
- /// 用户唯一标识。请注意,在未关注公众号时,用户访问公众号的网页,也会产生一个用户和公众号唯一的openid
- /// </summary>
- [JsonProperty("openid")]
- public string Openid { get; set; }
- /// <summary>
- /// 用户授权的作用域,使用逗号(,)分隔
- /// </summary>
- [JsonProperty("scope")]
- public string Scope { get; set; }
- [JsonProperty("expires_time")]
- public DateTime ExpiresTime { get; set; }
- /// <summary>
- /// 只有在用户将公众号绑定到微信开放平台账号后,才会出现该字段
- /// </summary>
- [JsonProperty("unionid")]
- public string Unionid { get; set; }
- }
然后PayBack返回的视图相当于一个支付过渡页中 带有微信的js标识,可以主动调起微信支付,大概视图如下:
- @{
- Layout = null;
- }
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width" />
- <script src="~/lib/jquery/dist/jquery.js"></script>
- <title>正在支付</title>
- </head>
- <body>
- <div class="row paytop30" style="text-align: center;margin-top: 30px">
- <div class="col-xs-12 text-center ">
- <img src="~/Images/registerNewSite/pay.gif" class="payLoding" style="width: 130px;height:100px" />
- <p class="registEidtText" id="backText"></p>
- </div>
- </div>
- <script src="~/lib/layer/layer.js"></script>
- <script type="text/javascript">
- $(function() {
- @{
- var appId = ViewBag.Test?.appId;
- var timeStamp = ViewBag.Test?.timeStamp;
- var nonceStr = ViewBag.Test?.nonceStr;
- var package = ViewBag.Test?.package;
- var signType = ViewBag.Test?.signType;
- var paySign = ViewBag.Test?.paySign;
- }
- onBridgeReady();
- });
- function onBridgeReady() {
- WeixinJSBridge.invoke(
- 'getBrandWCPayRequest',
- {
- "appId": "@appId",
- "timeStamp": "@timeStamp",
- "nonceStr": "@nonceStr",
- "package": "@package",
- "signType": "@signType",
- "paySign": "@paySign"
- },
- function(res) {
- if (res.err_msg == "get_brand_wcpay_request:ok") {
- // 使用以上方式判断前端返回,微信团队郑重提示:
- //res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。
- $("#backText").html('即将跳转订单详情页');
- setTimeout(function() {
- window.location.href = "支付详情页";
- },
- 2000);
- } else {
- $("#backText").html('即将跳转订单详情页');
- setTimeout(function() {
- window.location.href = "支付详情页";
}, 2000);
}
});
}
- if (typeof WeixinJSBridge == "undefined") {
if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
} else {
onBridgeReady();
}
</script>
</body>
</html>
最后 贴一下支付成功后的回调函数:
- [Route("notify/wechatpay")]
- public class WeChatPayNotifyController : Controller
- {
- private readonly IWeChatPayNotifyClient _client;
- private readonly ILogger<WeChatPayNotifyController> _logger;
- public WeChatPayNotifyController(IWeChatPayNotifyClient client,ILogger<WeChatPayNotifyController> logger)
- {
- _client = client;
- _logger = logger;
- }
- /// <summary>
- /// 统一下单支付结果通知
- /// </summary>
- /// <returns></returns>
- [Route("unifiedorder")]
- [HttpPost]
- public async Task<IActionResult> Unifiedorder()
- {
- try
- {
- _logger.LogWarning($"进入回调");
- var payconfig = OpenApi.GetPayConfig();
- var notify = await _client.ExecuteAsync<WeChatPayUnifiedOrderNotify>(Request);
- _logger.LogWarning($"返回状态码:{notify.ReturnCode}");
- if (notify.ReturnCode == "SUCCESS")
- {
- _logger.LogWarning($"业务结果码:{notify.ResultCode}");
- if (notify.ResultCode == "SUCCESS")
- {
- _logger.LogWarning($"支付方式:{notify.TradeType}");
- _logger.LogWarning($"商户订单号:{notify.OutTradeNo}");
- _logger.LogWarning($"微信支付订单号:{notify.TransactionId}");
- _logger.LogWarning($"支付金额:{notify.TotalFee}");
//自己的业务- return WeChatPayNotifyResult.Success;
- }
- }
- return NoContent();
- }
- catch(Exception ex)
- {
- _logger.LogWarning($"回调失败:{ex.Message}");
- return NoContent();
- }
- }
- }
然后测试一下支付,查看服务器Log如下:
H5支付
H5支付是指再除开微信浏览器以外的移动端浏览器上进行微信回复操作。
和上面步骤大体一致,有几个地方需要注意
1:客户端IP问题:H5支付的时候,微信支付系统会根据客户端调起的当前Ip 作为支付Ip,若发现 发起支付请求时,ip有问题,则会支付失败,或者提示系统繁忙。这里贴一下我获取IP的代码:
- Utils.GetUserIp(_accessor.HttpContext);//页面上调用
- /// <summary>
- /// 穿过代理服务器获取真实IP
- /// </summary>
- /// <returns></returns>
- public static string GetUserIp(this HttpContext context)
- {
- var ip = context.Request.Headers["X-Forwarded-For"].FirstOrDefault();
- if (string.IsNullOrEmpty(ip))
- {
- ip = context.Connection.RemoteIpAddress.ToString();
- }
- return ip;
- }
2:TradeType类型应该是:MWEB
3:若调起微信支付成功后,默认回调到支付首页,若需要设置回调页面,则可以再URl中拼接:
- /// <summary>
- /// H5支付
- /// </summary>
- /// <param name="viewModel"></param>
- /// <returns></returns>
- [HttpPost]
- public async Task<IActionResult> H5Pay(WeChatPayH5PayViewModel viewModel)
- {
- var request = new WeChatPayUnifiedOrderRequest
- {
- Body = viewModel.Body,
- OutTradeNo = viewModel.OutTradeNo,
- TotalFee = viewModel.TotalFee,
- SpbillCreateIp = viewModel.SpbillCreateIp,
- NotifyUrl = viewModel.NotifyUrl,
- TradeType = viewModel.TradeType
- };
- var response = await _client.ExecuteAsync(request);
- // mweb_url为拉起微信支付收银台的中间页面,可通过访问该url来拉起微信客户端,完成支付,mweb_url的有效期为5分钟。
- if (response.MwebUrl == null)
- {
- ViewData["response"] = response.ReturnMsg;
- return View();
- }
- return Redirect(response.MwebUrl);
- }
更多详细可参考文档:https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4
4:支付结果通知:
完整Demo
- $("#PayNow").on("click",
- function () {
- var result = isWeiXin();
- var orderId = $(this).attr("data-orderId");
- var pay = $(this).attr("data-pay");
- var userId = $(this).attr("data-userId");
- var account = $(this).attr("data-account");
- var matchId = $(this).attr("data-matchId");
- if (result === 0) {
- // layer.msg(pay);
- const local = "支付网址/WeChatPay/PayBack?pay=" + pay + "&userId=" + parseInt(userId) + "&account=" + account + "&matchId=" + parseInt(matchId) +"&orderId="+orderId;
- window.location.href =
- 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdd269ffaec1a1725&redirect_uri=' +
- encodeURIComponent(local) +
- '&response_type=code&scope=snsapi_base&state=a#wechat_redirect';
- } else if (result === 1) {
- window.location.href = "/WeChatPay/H5Pay?pay=" + pay + "&userId=" + parseInt(userId) + "&account=" + account + "&matchId=" + parseInt(matchId) + "&orderId=" + orderId;
- } else {
- layer.msg('请使用移动设备完成支付');
- }
- });
- //判断是否是微信浏览器的函数
- function isWeiXin() {
- //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息,这个属性可以用来判断浏览器类型
- if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
- var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
- if (ua.match(/MicroMessenger/i) == "micromessenger") {
- return 0;
- } else {
- return 1;
- }
- } else {
- //否则就是PC浏览器打开
- return 2;
- }
- }
- var browser = {
- versions: function () {
- var u = navigator.userAgent, app = navigator.appVersion;
- return { //移动终端浏览器版本信息
- trident: u.indexOf('Trident') > -1, //IE内核
- presto: u.indexOf('Presto') > -1, //opera内核
- webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
- gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
- mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
- ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
- android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
- iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
- iPad: u.indexOf('iPad') > -1, //是否iPad
- webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
- };
- }(),
- language: (navigator.browserLanguage || navigator.language).toLowerCase()
- }
- [HttpGet]
- public async Task<IActionResult> H5Pay()
- {
- var pay = Request.Query["pay"];
- var userId = Request.Query["userId"];
- var account = Request.Query["account"];
- var matchId = Request.Query["matchId"];
- var orderId = Request.Query["orderId"];
- var model = new WeChatPayUnifiedOrderRequest()
- {
- Body = "赛事云平台在线报名费",
- OutTradeNo = DateTime.Now.ToString("yyyyMMddHHmmssfff"),
- TotalFee = int.Parse(pay),//分 需要*100 得到元
- SpbillCreateIp = Utils.GetUserIp(_httpContextAccessor.HttpContext),
- NotifyUrl = "支付网址/notify/wechatpay/unifiedorder/"+long.Parse(matchId),//带一个数据Id,可以根据自己业务需要替换
- TradeType = "MWEB"
- };
- var response = await _client.ExecuteAsync(model);
- // mweb_url为拉起微信支付收银台的中间页面,可通过访问该url来拉起微信客户端,完成支付,mweb_url的有效期为5分钟。
- if (response.MwebUrl == null)
- {
- ViewData["response"] = response.ReturnMsg;//异常
- _logger.LogError($"H5支付出现异常:{response.ReturnMsg}");
- return Redirect(response.MwebUrl);
- }
- //将下单数据存入订单支付表 根据自己业务需要自行替换
- OrderPayModel orderPay = new OrderPayModel()
- {
- OrderId = int.Parse(orderId),
- OrderNumber = model.OutTradeNo,
- UserId = int.Parse(userId),
- LoginAccount = account,
- IsPay = false,
- OrderMoney = decimal.Parse(pay),
- PayType = PayType.MWEB,
- CreteDateTime = DateTime.Now
- };
- if (!string.IsNullOrEmpty(matchId) && !string.IsNullOrEmpty(orderId))
- {
- var addBack = await _crewManager.AddOrderPay(int.Parse(matchId), orderPay);
- }
- return Redirect(response.MwebUrl);
- }
回调:
- /// <summary>
- /// 统一下单支付结果通知
- /// </summary>
- /// <returns></returns>
- [Route("unifiedorder/{matchId}")] //可以跟一个参数
- [HttpPost]
- public async Task<IActionResult> Unifiedorder(int matchId)
- {
- try
- {
- var payconfig = OpenApi.GetPayConfig();
- var notify = await _client.ExecuteAsync<WeChatPayUnifiedOrderNotify>(Request);
- if (notify.ReturnCode == "SUCCESS")
- {
- if (notify.ResultCode == "SUCCESS")
- {
- //根据订单号修改订单支付状态及金额
- OrderPayModel model = new OrderPayModel()
- {
- OrderNumber = notify.OutTradeNo,
- PayMoeny = decimal.Parse(notify.TotalFee),
- IsPay = true,
- TransactionId = notify.TransactionId,
- PaidDate = DateTime.Now
- };
//根据自己项目业务自行调整- if (matchId!=)
- {
- var result = await _crewManager.BackOrderPay(matchId, model);
- }
- return WeChatPayNotifyResult.Success;
- }
- }
- return NoContent();
- }
- catch (Exception ex)
- {
- _logger.LogInformation($"回调失败:{ex.Message}");
- return NoContent();
- }
- }
注意:
1、同样的通知可能会多次发送给商户系统。商户系统必须能够正确处理重复的通知。
2、后台通知交互时,如果微信收到商户的应答不符合规范或超时,微信会判定本次通知失败,重新发送通知,直到成功为止(在通知一直不成功的情况下,微信总共会发起10次通知,通知频率为15s/15s/30s/3m/10m/20m/30m/30m/30m/60m/3h/3h/3h/6h/6h - 总计 24h4m),但微信不保证通知最终一定能成功。
3、在订单状态不明或者没有收到微信支付结果通知的情况下,建议商户主动调用微信支付【查询订单API】确认订单状态。
特别提醒:
1、商户系统对于支付结果通知的内容一定要做签名验证,并校验返回的订单金额是否与商户侧的订单金额一致,防止数据泄漏导致出现“假通知”,造成资金损失。
2、当收到通知进行处理时,首先检查对应业务数据的状态,判断该通知是否已经处理过,如果没有处理过再进行处理,如果处理过直接返回结果成功。在对业务数据进行状态检查和处理之前,要采用数据锁进行并发控制,以避免函数重入造成的数据混乱。
最后可以测试下H5支付,查看返回的Log:
本文只是抛砖引玉,更多具体支付场景和代码,还需各位看官结合自己项目量身定做。
更多示例Demo可入群获取。
.NET Core之微信支付之公众号、H5支付篇的更多相关文章
- 微信公众号H5支付遇到的那些坑
简史 官方文档说的很清楚,商户已有H5商城网站,用户通过消息或扫描二维码在微信内打开网页时,可以调用微信支付完成下单购买的流程. 当然,最近微信支付平台也加入了纯H5支付,也就是说用户可以在微信以外的 ...
- 【微信支付】公众号 JSAPI支付 HTML5(使用MUI前端框架)+WebApi 实现流程
必要参数: 1) AppID,AppSecret : 在微信公众号后台管理—>(菜单栏)开发 —> 基本设置 2)商户号 :在微信公众号后台管理—>(菜单栏)微信支 ...
- 微信公众号H5支付
微信支付说明1.统一下单接口 统一支付接口: url: https://api.mch.weixin.qq.com/pay/unifiedorder 目的:通过此接口来创建预支付订单,获取订单支付需要 ...
- Vue3+Typescript+Node.js实现微信端公众号H5支付(JSAPI v3)教程--各种填坑
----微信支付文档,不得不说,挺乱!(吐槽截止) 功能背景 微信公众号中,点击菜单或者扫码,打开公众号中的H5页面,进行支付. 一.技术栈 前端:Vue:3.0.0,typescript:3.9.3 ...
- 微信公众号H5支付步骤
微信公众平台:https://mp.weixin.qq.com/ 进入 微信支付 管理>开通支付功能. 微信支付|商户平台: 设置安全目录:https://pay.weixin.qq.com/i ...
- FAutoTest-微信小程序 / 公众号H5 自动化利器
X5内核H5自动化背景 近来有很多童靴咨询如何做微信小程序/公众号等H5页面来做自动化,之前写了一篇文章微信小程序自动化测试实践 https://www.cnblogs.com/yyoba/p/945 ...
- asp.net core 微信扫码支付(扫码支付,H5支付,公众号支付,app支付)之1
2018-08-13更新生成二维码的方法 在做微信支付前,首先要了解你需要什么方式的微信支付,目前本人做过的支付包含扫码支付.H5支付.公众号支付.App支付等,本人使用的是asp.net mvc c ...
- asp.net core 微信公众号支付(扫码支付,H5支付,公众号支付,app支付)之3
在微信公众号中访问手机网站,当需要调用支付时候无法使用H5支付,只有使用微信公众号支付,使用公众号支付用户必须关注该公众号同时该公众号必须开通公众号支付功能. 1.获取用户的OpenId ,参考之前写 ...
- .net 微信支付(公众号支付)遇到的问题
啥也不说了搬砖的都知道老板说是什么就是什么 最近我老板让饿哦做一个微信支付的功能 还带微信上面京东众筹活动的那种,我买东西别人出钱的那种 然后用微信支付 我是新手之前也没有做过这个 所以估计着过程中 ...
随机推荐
- SpringCloud实战-Eureka
熟悉微服务架构或Dubbo框架的都知道,微服务中最核心.最基础的组件就是注册中心了.下面利用Spring Cloud Eureka实现服务注册中心.并注册一个简单的服务提供者. 首先先创建一个spir ...
- Xapth 添加注释头
private static void updateMybatisXml(String url, String username, String password) { DocumentBuilder ...
- break-跳出内循环
i = 1 j = 1 while i <= 10: print('第%d个碗' % i) while j <= 10: if j == 5: break else: print('这是内 ...
- JS入门熟知
JS是面向对象的语言 封装 继承 多态 聚集(对象中具有引用其他对象的能力) JS使用中绝大多数情况不需要进行面向对象的设计,很多情况是使用已经设计好,准备好的对象,基于对象的语言. JS的使用(引入 ...
- Python_网络攻击之端口
#绝大多数成功的网络攻击都是以端口扫描开始的,在网络安全和黑客领域,端口扫描是经常用到的技术,可以探测指定主机上是否 #开放了指定端口,进一步判断主机是否运行了某些重要的网络服务,最终判断是否存在潜在 ...
- 杨老师课堂之JavaScript定时器_农夫山泉限时秒杀案例
预览效果图: 使用到的知识点: 定时器 setInterval(函数,毫秒):在指定的毫秒数后调用函数或执行一段代码 取消定时器 clearInterval:取消由setInterval设置的定时器 ...
- Netty_TCP拆包粘包解决方案
一.问题 熟悉tcp编程的可能都知道,无论是服务器端还是客户端,当我们读取或者发送数据的时候,都需要考虑TCP底层的粘包/拆包机制. TCP是一个“流”协议,所谓流就是没有界限的遗传数据,大家可以想象 ...
- MySQL类型float double decimal的区别
语法 MySQL 浮点型和定点型可以用类型名称后加(M,D)来表示,M表示该值的总共长度,D表示小数点后面的长度,M和D又称为精度和标度,如float(7,4)的 可显示为-999.9999,MySQ ...
- @Controller和@RestController之间的区别
1. Controller, RestController的共同点 都是用来表示Spring某个类的是否可以接收HTTP请求 2. Controller, RestController的不同点 @Co ...
- shell 常用命令语法简介
一.grep用法 ************************************** ++++++用一些特殊的函数来处理参数++++++ *$# 传递给函数的参数个数 *$* 显示所有传递给 ...