当前位置: 首页 > 编程笔记 >

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

程卓君
2023-03-14
本文向大家介绍微信公众号支付(MVC版本),包括了微信公众号支付(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>


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍nodejs微信公众号支付开发,包括了nodejs微信公众号支付开发的使用技巧和注意事项,需要的朋友参考一下 odeJs 微信公众号功能开发,移动端 H5页面调用微信的支付功能。这几天根据公司的需要使用 node 和 h5页面调用微信的支付功能完成支付需求。现在把开发过程重新捋一遍,以帮助更多的开发者顺利的完成微信支付功能的开发。(微信暂时还没有提供 node 的支付功能) 一.请求

  • 上一篇我们介绍了在h5 app 开发微信支付, 这篇我们说一说在微信公众号开发支付。 目录 环境准备 1  需要一个有支付能力的公众号 2 wex5 3.3 及以上版本 3 备案好的域名 4 微信web开发者工具 开发步骤 1 取得参数 2 编译Baas 3 基本URL配置 4 JS接口安全域名、授权回调页域名配置 5 开发UI 5.1 修改参数 5.2 修改代码二 6 配置微信支付授权目录 7

  • 本文向大家介绍微信公众号支付H5调用支付解析,包括了微信公众号支付H5调用支付解析的使用技巧和注意事项,需要的朋友参考一下 最近项目需要微信支付,然后看了下微信公众号支付,虽然不难,但是细节还是需要注意的,用了大半天时间写了个demo,并且完整的测试了一下支付流程,下面分享一下微信公众号支付的经验。 一、配置公众号微信支付   需要我们配置微信公众号支付地址和测试白名单。    比如:支付JS页面

  • 本文向大家介绍Java版微信公众号支付开发全过程,包括了Java版微信公众号支付开发全过程的使用技巧和注意事项,需要的朋友参考一下 一、微信官方文档微信支付开发流程(公众号支付) 首先我们到微信支付的官方文档的开发步骤部分查看一下需要的设置。 [图片上传失败...(image-5eb825-1531014079742)] 因为微信支付需要较高的权限,只有认证了得服务号才有使用微信支付接口的权限,我

  • 本文向大家介绍微信支付PHP SDK —— 公众号支付代码详解,包括了微信支付PHP SDK —— 公众号支付代码详解的使用技巧和注意事项,需要的朋友参考一下 在微信支付 开发者文档页面 下载最新的 php SDK http://mch.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1 这里假设你已经申请完微信支付 1. 微信后台配置  如图 我们

  • 说明 微信公众号支付SDK。 官方文档:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1 类 请求参数类 支付参数 类名:\Yurun\PaySDK\Weixin\JSAPI\Params\Pay\Request 属性 名称 类型 说明 $scene_info \Yurun\PaySDK\Weixin\JSAPI\Params

  • 本文向大家介绍java微信公众号支付示例详解,包括了java微信公众号支付示例详解的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了java微信公众号支付示例代码,供大家参考,具体内容如下 开始之前,先准备好:appid、商家号、商户密匙。 工具类: MD5Util.java SapUtils.java UnifiedOrderRequest.java UnifiedOrderResp

  • 方案1:将公众号授权给智齿 接入效果 授权过程 授权微信公众号给智齿需要智齿客服管理员和微信公众号管理员共同参与,具体步骤如下: 第一步:智齿客服管理员进入智齿管理后台「设置-支持渠道-微信」,点击「绑定公众号」进入授权页,可见微信授权二维码 ​ <微信公众号授权扫码页-电脑端> 第二步:由企业微信公众号管理员在微信端扫码、确认勾选授权哪些权限集给智齿并点击确认授权,完成授权后即算部署完成 ​ <