微信公众号支付(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>

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

(0)

相关推荐

  • Java微信支付之公众号支付、扫码支付实例

    微信支付现在已经变得越来越流行了,随之也出现了很多以可以快速接入微信支付为噱头的产品,不过方便之余也使得我们做东西慢慢依赖第三方,丧失了独立思考的能力,这次打算分享下我之前开发过的微信支付. 一 .H5公众号支付 要点:正确获取openId以及统一下单接口,正确处理支付结果通知,正确配置支付授权目录 H5的支付方式是使用较为广泛的方式,这种支付方式主要用于微信内自定义菜单的网页,依赖手机上安装的微信客户端,高版本的微信才支持微信支付,下面按我的流程注意说明 1  编写用于支付的页面,由于是测试用

  • 微信公众号支付之坑:调用支付jsapi缺少参数 timeStamp等错误解决方法

    这段时间一直比较忙,一忙起来真感觉自己就只是一台挣钱的机器了(说的好像能挣到多少钱似的,呵呵):这会儿难得有点儿空闲时间,想把前段时间开发微信公众号支付遇到问题及解决方法跟大家分享下,这些"暗坑"能不掉就不掉吧,要不然关键时刻出问题,真是让人急的焦头烂额. 双12客户的商城活动正在蓄势进行中,却有用户频频反馈说:支付不了,有问题,并截图如下: 当时问题感觉很奇怪,自己测试多次都ok啊,问题来了都赶紧解决吧,最终找到解决办法: 原因是程序中一个字符串变量被错误的设置为数字类型,解决方法很

  • 微信公众号支付(二)实现统一下单接口

    上一篇已经获取到了用户的OpenId 这篇主要是调用微信公众支付的统一下单API API地址:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1 看文档,主要流程就是把20个左右的参数封装为XML格式发送到微信给的接口地址,然后就可以获取到返回的内容了,如果成功里面就有支付所需要的预支付ID 请求参数就不解释了. 其中,随机字符串:我用的是UUID去中划线 public static String create_nonce_s

  • Thinkphp微信公众号支付接口

    本文实例为大家分享了Thinkphp微信公众号支付接口,供大家参考,具体内容如下 第一步  先把文件夹的那两个图片 配置成一样的路径 除了域名要改 其他保持一致. 第二步  把 Weixinpay 这个文件夹放在 \ThinkPHP\Library\Vendor  将Weixinpay文件夹放置到这个Vendor文件夹中 第三步  把  WxJsAPIController.class.php 这个php文件  \Home\Controller  这里面 第四步  把 WxJsAPI这个文件夹 

  • 微信公众号支付(一)如何获取用户openId

    一.获取apikey,appsecret与商户号 注册公众号.商户号 二.获取用户的OpenId 1.设置[授权回调页面域名] 官方解释:用户在网页授权页同意授权给公众号后,微信会将授权数据传给一个回调页面,回调页面需在此域名下,以确保安全可靠.回调页面域名不支持IP地址. 2.用户同意授权 我是把这个url写在微信菜单下的,当进入这个页面的时候就让用户同意.注意:好像是静默授权的,用户不知道 1.url: https://open.weixin.qq.com/connect/oauth/aut

  • 微信支付PHP SDK之微信公众号支付代码详解

    这里假设你已经申请完微信支付 1. 微信后台配置  如图 我们先进行测试,所以先把测试授权目录和 测试白名单添加上.测试授权目录是你要发起微信请求的哪个文件所在的目录. 例如jsapi 发起请求一般是jsapi.php所在目录 为测试目录,测试白名单即开发人员的微信号. 正式的支付授权目录不能和测试的一样否则会报错.不填写或者填错授权目录以及测试白名单都会报错. 报错样例: NaNsystem:access_denied 不在测试白名单 2. 配置 lib/WxPay.Config.php文件

  • 微信公众号可通过现金红包接口发放微信支付现金红包(附开发教程)

    农历新年将至,支付宝红包打了一仗,微信在朋友圈屏蔽了它的分享,但单防守还不行,进攻才是最好的防守.昨日,微信支付现金红包接口正式开放,只需开通微信支付,即可接入现金红包.微信公众号也可以发放现金红包了! 通过现金红包接口,公众号开发者可以策划相关运营活动,向用户发放微信支付现金红包,更好的达到品牌推广及回馈用户的效果. 1.商户调用接口时,通过指定发送对象以及发送金额的方式发放红包,这样的方式,允许商户灵活的应用于各种各样丰富的活动场景 2.领取到红包后,用户的资金直接进入微信零钱,避免繁复的领

  • nodejs微信公众号支付开发

    odeJs 微信公众号功能开发,移动端 H5页面调用微信的支付功能.这几天根据公司的需要使用 node 和 h5页面调用微信的支付功能完成支付需求.现在把开发过程重新捋一遍,以帮助更多的开发者顺利的完成微信支付功能的开发.(微信暂时还没有提供 node 的支付功能) 一.请求CODE 请求 code 的目的就是获取用户的 openid(用户相对于当前公众号的唯一标识) 和access_token,请求的API:https://open.weixin.qq.com/connect/oauth2/a

  • 微信公众平台支付开发详解

    公众号支付就是在微信里面的H5页面唤起微信支付,不用扫码即可付款的功能.做这个功能首先要明确的就是,只有和商户号mch_id匹配的appid才能成功支付.商户号在注册成功的时候就会将相关信息发送到邮箱里面.而唤起支付的一个关键是靠openid拿到统一下单.而openid是和appid一一对应的.也就是说如果你登录使用的appid不是公众号的appid,得到的openid就无法唤起公众号内的支付(会出现appid和商户号不匹配的错误).曾经就在这个地方绕了个弯,因为微信的开放平台可以创建网站应用,

  • java开发微信公众号支付

    最近做了微信公众号支付的开发,由于是第一次做也摸索了几天的时间,也只是达到了实现功能的水平,并没有太多考虑到性能问题,所以这篇文章比较适合初学者. 微信公众号支付的总体其实很简单,大致就分为三步.第一步需要获取用户授权:第二步调用统一下单接口获取预支付id:第三步H5调起微信支付的内置的js.下面介绍具体每一步的开发流程. 一    首先要明确微信公众号支付属于网页版支付,所以相较于app的直接调取微信支付要多一步微信授权.也就是需要获取用户的openid.微信公众号使用的交易类型是JSAPI,

随机推荐