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

公司最近有微信支付功能,看了半天微信支付资料,也在网上查找了些资料,但是对于获取微信商户支付平台和微信公众号所需的东西无从下手.根据自己的摸索已经网上的指导,趁热把微信支付流程记录下来,供自己下次使用,也当是一次重新学习的机会.本女子不才,如有错误,还请各位大牛们见谅,也请大家多多指教!(第一次在博客园发表信息内心是激动且煎熬的)

时间: 2024-12-28 17:00:34

微信公众号支付(提供MVC版本)的相关文章

微信公众号支付 js api java版本

说起来.微信支付真是一堆坑. 居然官网都没有java版本的完整代码. 就算是php版本的.还都有错误.且前后各种版本.各种文档一大堆....不停的误导开发人员. 花了一天半时间.总算实现了微信公众号支付.和pc端的微信扫码支付.其他不说了.直接给思路 本人做的是微信V3版本的微信支付.微信的官方文档中.提供的demo 只有一些工具类.这些类还是很有作用的. https://mp.weixin.qq.com/paymch/readtemplate?t=mp/business/course3_tmp

ASP.NET MVC 微信公众号支付,微信公众平台配置

微信公众号支付,首先要登录微信公众号进行配置: 第一步:配置网页授权域名 点击上图的修改则出现下面截图:进行修改(配置)网页授权的域名 第二步:配置支付授权目录 注意:支付授权目录的配置: 假设域名为:www.linjie.com 1.如果支付的页面在网站的根目录下,则配置格式为: http://域名/    例子:http://www.linjie.com/ 2.如果支付页面在网站的某个文件夹下,需要精确到文件夹:配置格式为:http://域名/文件夹名称/   例子支付页面在order文件下

2017-9月微信公众号支付-Java详解

微信支付源代码 在此之前,先C麻瓜藤N遍,MD官方文档一半正确一半错误.言归正传, 微信支付整体流程:微信授权登录商户的公众号--微信支付的公众号配置--统一下单--微信js调起支付页面--输入密码支付--支付成功,异步回调URL处理商户的相应业务 一.业务场景: 先看一下支付的业务场景:用户使用微信登录商户页面,点击支付按钮,调起微信支付,选择付款卡号,输入密码,完成支付,如图: 场景十分简单,不过步骤比较多,稍不注意就掉坑里了. 二.微信公众号支付的配置准备: 1)调用公众号支付,首先你得有

微信公众号支付总结

微信公众号支付总结大致可以分为三步, 第一步获取用户授权,第二步调用统一下单接口获取预支付id,第三步H5调起微信支付的内置JS进行支付. 注意: 不得不提的是,每个公众号(公众平台),每一个APP(开放平台), 如果要进行微信支付得单独进行开通微信支付功能.开通成功后会为每一个公众号,APP 分配一个商户号.最开始没有搞清楚这层关系,导致出现类似"appid与商户号没有关联",授权时没有"scope 权限"这样的问题. 获取用户授权 String wxaccess

微信公众号支付踩坑记

前两周做微信H5支付,在浏览器端用的,天真地以为app挂到公众号中也能用,结果不行>"<|||| ,只好再对接一次公众号支付,微信的支付对接下来总体感觉就是封装地不如支付宝,文档不完善,坑贼多.本文会主要关注对接过程中所遇到的问题,以及部分实现代码. 1.介绍 公众号支付(JSAPI支付)是指用户在微信中打开商户的H5页面,商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块来完成支付,适用于在公众号.朋友圈.聊天窗口等微信内完成支付的场景.注意公众号支付必须在微信环境

微信公众号支付开发全过程 --JAVA

按照惯例,开头总得写点感想 ------------------------------------------------------------------ 业务流程 这个微信官网说的还是很详细的,还配了图.我还要再说一遍. 用户点击一个支付按钮-->{后台一大推处理}-->用户看到了一个输入密码的界面,包含金额等一些信息-->用户输入密码后出来一个支付成功的页面(这部分流程都是微信自己完成的,我们什么都不用做)-->返回系统自己的页面(总不能让用户一直看着一个支付完成的页面吧

微信公众号支付H5调用支付详解

最近项目需要微信支付,然后看了下微信公众号支付,,虽然不难,但是细节还是需要注意的,用了大半天时间写了个demo,并且完整的测试了一下支付流程,下面分享一下微信公众号支付的经验. 一.配置公众号微信支付 需要我们配置微信公众号支付地址和测试白名单. 比如:支付JS页面的地址为 http://www.xxx.com/shop/pay/ 那此处配置www.xxx.com/shop/pay/ 二.开发流程 借用微信公众号支付api(地址 http://pay.weixin.qq.com/wiki/do

使用开源库MAGICODES.WECHAT.SDK进行微信公众号支付开发

概要 博客使用Word发博,发布后,排版会出现很多问题,敬请谅解.可加群获取原始文档. 本篇主要讲解微信支付的开发流程,相关业务基于MAGICODES.WECHAT.SDK实现.通过本篇教程,您可以很方便的快速完成微信公众号支付的开发. 关于Magicodes.WeChat.SDK MAGICODES.WECHAT.SDK为心莱团队封装的轻量级微信SDK,现已全部开源,开源库地址为:https://github.com/xin-lai/Magicodes.WeChat.SDK 更多介绍,请关注后

微信公众号支付--错误记录

微信公众号支付调用统一下单接口时,微信返回的数据一定要二次组装再给前台,否则会有问题的,正确示范如下: /** * 获取weixin支付的返回信息 * @param payOrderId * @return */ @Override public String getPayInfo(String payOrderId,String openid,String orderType) { //返回结果 String res = ""; double total_fee_money = 0;

thinkphp整合系列之微信公众号支付

thinkphp整合系列之微信公众号支付 白俊遥 2016-07-17 11:26:52 PHP thinkphp 公众号支付是指在微信app中访问的页面通过js直接调起微信支付:因此页面必须是在微信中打开的:示例项目:https://github.com/baijunyao/thinkphp-bjyadmin一:设置域名登录微信公众平台:微信支付中设置支付授权目录:把域名改为自己的:注意最后是有一个斜线的 / 设置授权域名:二:导入sdk/ThinkPHP/Library/Vendor/Wei