服务器之家

服务器之家 > 正文

微信公众号支付(MVC版本)

时间:2020-03-19 14:30     来源/作者:Sunshine.Lan

一、获取微信支付 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代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
  /// <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>

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

标签:

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
沙雕群名称大全2019精选 今年最火的微信群名沙雕有创意
沙雕群名称大全2019精选 今年最火的微信群名沙雕有创意 2019-07-07
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
返回顶部