微信公众号支付（MVC版本）

一、获取微信支付 MCHID,KEY,APPID,APPSecret 四个支付关键值.

微信支付商户平台 https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F

　 1.登录微信支付商户平台获取到商户号(MCHID),

　 2.在"账号中心"栏目下"API安全"栏目里设置API密钥(KEY)

微信公众号： https://mp.weixin.qq.com/

1.登录微信公众在"基本配置"栏获取应用ID(APPID)和应用密钥(APPSecret)

2.在"接口权限"栏目下"网页账号"绑定正式支付的域名 (如:××××.net,不要http:和"/"斜杠)

3.在"微信支付"栏目下"开发配置"里面设置公众支付的支付授权目录(如:××××.net/WeChatWeb/)

二、把WxPayAPI添加到制作项目中,在Config.cs文件里修改获取到的MCHID,KEY,APPID,APPSecret四个关键值以及NOTIFY_URL值(NOTIFY_URL是支付授权目录),并在MVC项目里建一个WeChatWeb控制器,里面加上逻辑代码.并传递微信jsapi支付所需的参数.代码示例如下:

后台Action代码

/// <summary>
/// 获取微信支付相关信息
/// </summary>
/// <returns></returns>
[HttpGet]
public virtual ActionResult Index()
{
JsApiPay jsApiPay = new JsApiPay();
OStudent model = null;
try
{
//调用【网页授权获取用户信息】接口获取用户的openid和access_token
jsApiPay.GetOpenidAndAccessToken();
//获取微信支付者公共id
jsApiPay.openid = jsApiPay.openid;

string ID = Request["ID"]; //如果要获取页面传递过来的值,需修改GetOpenidAndAccessToken()方法里面的代码,加上Request.Url.Query获取参数
model = OStudentSiteService.GetByKey(id).AppendData as OStudent;
if (model != null)
{
jsApiPay.total_fee = 1;//测试 订单金额(1表示分,正式金额要*100)
jsApiPay.Order_ID = model.order_ID; //订单号(自己定义订单号)
}

//JSAPI支付预处理
//调用统一下单，获得下单结果
WxPayData unifiedOrderResult = jsApiPay.GetUnifiedOrderResult();
//从统一下单成功返回的数据中获取微信浏览器调起jsapi支付所需的参数
var wxJsApiParam = jsApiPay.GetJsApiParameters(); //获取到的是json格式字符串
ViewBag.wxJsApiParam = wxJsApiParam; //前台页面js调用
Log.Debug(this.GetType().ToString(), "wxJsApiParam : " + wxJsApiParam);
}
catch (Exception ex)
{
Response.Write(ex.Message + "," + ex.Source);
Response.End();
}
return View(model);
}

//修改支付方式
[HttpPost]
public virtual JsonResult PayMethod()
{
AjaxJsonResult ajax = new AjaxJsonResult() { err = true, msg = string.Empty, timeout = 3 };
string id = Request.Form["id"];
string payMethod = Request.Form["payMethod"];
var model = (Project.Core.Models.Model.OStudent)OStudentSiteService.GetByKey(id).AppendData;
model.payMethod = payMethod; //支付方式
OperationResult result = OStudentSiteService.Modify(model);
if (result.ResultType == OperationResultType.Success)
{
ajax.err = false;
ajax.msg = "操作成功";
}
return Json(ajax);
}

/// <summary>
/// 修改支付状态
/// </summary>
/// <param name="userID"></param>
/// <returns></returns>
[HttpPost]
public virtual string EditPayStatus(Guid userID)
{
string msg = "error";
var model = OStudentSiteService.GetByKey(userID).AppendData as OStudent;
model.Status = (int)X.Project.Site.Models.Enum.PayStatus.Success; //付款成功
OperationResult result = OStudentSiteService.Modify(model);
if (result.ResultType == OperationResultType.Success)
{
msg = "ok";
}
return msg;
}

前台Index.chtml视图页面JS代码

<script type="text/javascript">
var _wxJsApiParam = eval('(@Html.Raw(ViewBag.wxJsApiParam))');

function callpay() {
//选择支付方式
var payMethod = $("input[name='PayMethod']:checked").val();
if (payMethod == "" || payMethod == null) {
layer.msg("请选择支付方式", function () { })
return false;
}

$.ajax({
type: "POST",
dataType: "JSON",
url: '@Url.Action("PayMethod", "WeChatWeb")',
data: {
payMethod: payMethod,
id: '@Model.ID'
},
success: function (data) {
//表示修改支付方式成功
if (!data.err) {

//1表示微信支付,则调用微信支付
if (payMethod == "1") {
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();
}
} else if (payMethod == "2") {
layer.alert('恭喜您,操作成功!', function () {
window.location.href = "@Url.Action(MVC.Default.Index())" ; //操作成功后的跳转页面
});
}

} else {
layer.msg("操作失败", function () { })
return false;
}
}
});
}

//调用微信JS api 支付
function jsApiCall() {
WeixinJSBridge.invoke('getBrandWCPayRequest', _wxJsApiParam,
function (res) {
if (res.err_msg == "get_brand_wcpay_request:cancel") {

layer.msg("已取消支付", function () { });
return false;
} else if (res.err_msg == "get_brand_wcpay_request:ok") {
//支付成功
//ajax
$.ajax({
type: "POST",
dataType: "text",
url: '@Url.Action("EditPayStatus", "WeChatWeb")',
data: {
userID: '@Model.ID'
},
error: function (request) {

layer.msg("服务器错误！", function () { });
return false;
},
success: function (data) {
window.location.href = "@Url.Action(MVC.Default.Index())"; //支付成功后跳转的页面
}
}); //ajax end
}
});
}
</script>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

微信自定义菜单的创建/查询/取消php示例代码
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
.NET C#使用微信公众号登录网站
Thinkphp微信公众号支付接口
微信支付java版本之Native付款
php微信开发之带参数二维码的使用
Android6.0仿微信权限设置
Android仿微信5实现滑动导航条
解决wx.onMenuShareTimeline出现的问题