【微信开发】---- 公众号支付

最新推荐文章于 2024-08-12 16:48:42 发布
最新推荐文章于 2024-08-12 16:48:42 发布
阅读量6k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/diudiu5201/article/details/54707512
版权

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

业务流程

下面是微信的官方流程，看似有点复杂，重点就是要拿到统一下单接口返回的json串，其他按照官方demo基本就能正确，下面说一下几个细节。

创建订单

在调用微信公众号支付之前，首先我们自己要把订单创建好。比如一个充值的订单。主要是先确定下金额再进行下一步。

  public JsonResult CreateRecharegOrder(decimal money)
        {
            if (money < (decimal)0.01) return Json(new PaymentResult("充值金额非法！"));
            var user = _workContext.CurrentUser;
            var order = _paymentService.CreateRechargeOrder(user.Id, money);
            return Json(new PaymentResult(true) {OrderId = order.OrderNumber});
        }

调用统一下单

订单创建成功之后，页面跳转到支付页面，这个时候就是按照官方的流程去拿prepay_id和paySign,微信的demo中提供了一个jsApiPay的对象。但这个对象需要一个page对象初始化。

       [LoginValid]
        public ActionResult H5Pay(string orderNumber)
        {
            var user = _workContext.CurrentUser;
            var order = _paymentService.GetOrderByOrderNumber(orderNumber);
            //判断订单是否存在
            //订单是否已经支付了
            var openid = user.OpenId;
            var jsApipay = new JsApiPayMvc(this.ControllerContext.HttpContext);
            jsApipay.openid = openid;
            jsApipay.total_fee = (int)order.Amount * 100;
            WxPayData unifiedOrderResult = jsApipay.GetUnifiedOrderResult();
            ViewBag.wxJsApiParam = jsApipay.GetJsApiParameters();//获取H5调起JS API参数     
            ViewBag.unifiedOrder = unifiedOrderResult.ToPrintStr();
            ViewBag.OrderNumber = order.OrderNumber;
            return View();
        }

在MVC中我们简单改一下就可以了。也就是把page对象换成httpContext即可。然后里面的方法就可以直接用了。

JsApiPayMvc：

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Runtime.Serialization;
using System.IO;
using System.Text;
using System.Net;
using System.Web.Security;
using LitJson;

namespace WxPayAPI
{
    public class JsApiPayMvc
    {
        /// <summary>
        /// 保存页面对象，因为要在类的方法中使用Page的Request对象
        /// </summary>
        public HttpContextBase context { get; set; }
        /// <summary>
        /// openid用于调用统一下单接口
        /// </summary>
        public string openid { get; set; }

        /// <summary>
        /// access_token用于获取收货地址js函数入口参数
        /// </summary>
        public string access_token { get; set; }

        /// <summary>
        /// 商品金额，用于统一下单
        /// </summary>
        public int total_fee { get; set; }

        /// <summary>
        /// 统一下单接口返回结果
        /// </summary>
        public WxPayData unifiedOrderResult { get; set; }

        public JsApiPayMvc(HttpContextBase _context)
        {
            context = _context;
        }


        /**
        * 
        * 网页授权获取用户基本信息的全部过程
        * 详情请参看网页授权获取用户基本信息：http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html
        * 第一步：利用url跳转获取code
        * 第二步：利用code去获取openid和access_token
        * 
        */
        public void GetOpenidAndAccessToken(string code)
        {
            if (!string.IsNullOrEmpty(code))
            {
                //获取code码，以获取openid和access_token
                Log.Debug(this.GetType().ToString(), "Get code : " + code);
                GetOpenidAndAccessTokenFromCode(code);
            }
            else
            {
                //构造网页授权获取code的URL
                string host = context.Request.Url.Host;
                string path = context.Request.Path;
                string redirect_uri = HttpUtility.UrlEncode("http://" + host + path);
                WxPayData data = new WxPayData();
                data.SetValue("appid", WxPayConfig.APPID);
                data.SetValue("redirect_uri", redirect_uri);
                data.SetValue("response_type", "code");
                data.SetValue("scope", "snsapi_base");
                data.SetValue("state", "STATE" + "#wechat_redirect");
                string url = "https://open.weixin.qq.com/connect/oauth2/authorize?" + data.ToUrl();
                Log.Debug(this.GetType().ToString(), "Will Redirect to URL : " + url);
                try
                {
                    //触发微信返回code码         
                    context.Response.Redirect(url);//Redirect函数会抛出ThreadAbortException异常，不用处理这个异常
                }
                catch(System.Threading.ThreadAbortException ex)
                {
                }
            }
        }


        /**
        * 
        * 通过code换取网页授权access_token和openid的返回数据，正确时返回的JSON数据包如下：
        * {
        *  "access_token":"ACCESS_TOKEN",
        *  "expires_in":7200,
        *  "refresh_token":"REFRESH_TOKEN",
        *  "openid":"OPENID",
        *  "scope":"SCOPE",
        *  "unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"
        * }
        * 其中access_token可用于获取共享收货地址
        * openid是微信支付jsapi支付接口统一下单时必须的参数
        * 更详细的说明请参考网页授权获取用户基本信息：http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html
        * @失败时抛异常WxPayException
        */
        public void GetOpenidAndAccessTokenFromCode(string code)
        {
            try
            {
                //构造获取openid及access_token的url
                WxPayData data = new WxPayData();
                data.SetValue("appid", WxPayConfig.APPID);
                data.SetValue("secret", WxPayConfig.APPSECRET);
                data.SetValue("code", code);
                data.SetValue("grant_type", "authorization_code");
                string url = "https://api.weixin.qq.com/sns/oauth2/access_token?" + data.ToUrl();

                //请求url以获取数据
                string result = HttpService.Get(url);

                Log.Debug(this.GetType().ToString(), "GetOpenidAndAccessTokenFromCode response : " + result);

                //保存access_token，用于收货地址获取
                JsonData jd = JsonMapper.ToObject(result);
                access_token = (string)jd["access_token"];

                //获取用户openid
                openid = (string)jd["openid"];

                Log.Debug(this.GetType().ToString(), "Get openid : " + openid);
                Log.Debug(this.GetType().ToString(), "Get access_token : " + access_token);
            }
            catch (Exception ex)
            {
                Log.Error(this.GetType().ToString(), ex.ToString());
                throw new WxPayException(ex.ToString());
            }
        }

        /**
         * 调用统一下单，获得下单结果
         * @return 统一下单结果
         * @失败时抛异常WxPayException
         */
        public WxPayData GetUnifiedOrderResult()
        {
            //统一下单
            WxPayData data = new WxPayData();
            data.SetValue("body", "test");
            data.SetValue("attach", "test");
            data.SetValue("out_trade_no", WxPayApi.GenerateOutTradeNo());
            data.SetValue("total_fee", total_fee);
            data.SetValue("time_start", DateTime.Now.ToString("yyyyMMddHHmmss"));
            data.SetValue("time_expire", DateTime.Now.AddMinutes(10).ToString("yyyyMMddHHmmss"));
            data.SetValue("goods_tag", "test");
            data.SetValue("trade_type", "JSAPI");
            data.SetValue("openid", openid);

            WxPayData result = WxPayApi.UnifiedOrder(data);
            if (!result.IsSet("appid") || !result.IsSet("prepay_id") || result.GetValue("prepay_id").ToString() == "")
            {
                Log.Error(this.GetType().ToString(), "UnifiedOrder response error!");
                throw new WxPayException("UnifiedOrder response error!");
            }

            unifiedOrderResult = result;
            return result;
        }

        /**
        *  
        * 从统一下单成功返回的数据中获取微信浏览器调起jsapi支付所需的参数，
        * 微信浏览器调起JSAPI时的输入参数格式如下：
        * {
        *   "appId" : "wx2421b1c4370ec43b",     //公众号名称，由商户传入     
        *   "timeStamp":" 1395712654",         //时间戳，自1970年以来的秒数     
        *   "nonceStr" : "e61463f8efa94090b1f366cccfbbb444", //随机串     
        *   "package" : "prepay_id=u802345jgfjsdfgsdg888",     
        *   "signType" : "MD5",         //微信签名方式:    
        *   "paySign" : "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名 
        * }
        * @return string 微信浏览器调起JSAPI时的输入参数，json格式可以直接做参数用
        * 更详细的说明请参考网页端调起支付API：http://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7
        * 
        */
        public string GetJsApiParameters()
        {
            Log.Debug(this.GetType().ToString(), "JsApiPay::GetJsApiParam is processing...");

            WxPayData jsApiParam = new WxPayData();
            jsApiParam.SetValue("appId", unifiedOrderResult.GetValue("appid"));
            jsApiParam.SetValue("timeStamp", WxPayApi.GenerateTimeStamp());
            jsApiParam.SetValue("nonceStr", WxPayApi.GenerateNonceStr());
            jsApiParam.SetValue("package", "prepay_id=" + unifiedOrderResult.GetValue("prepay_id"));
            jsApiParam.SetValue("signType", "MD5");
            jsApiParam.SetValue("paySign", jsApiParam.MakeSign());

            string parameters = jsApiParam.ToJson();

            Log.Debug(this.GetType().ToString(), "Get jsApiParam : " + parameters);
            return parameters;
        }


        /**
        * 
        * 获取收货地址js函数入口参数,详情请参考收货地址共享接口：http://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_9
        * @return string 共享收货地址js函数需要的参数，json格式可以直接做参数使用
        */
        public string GetEditAddressParameters()
        {
            string parameter = "";
            try
            {
                string host = context.Request.Url.Host;
                string path = context.Request.Path;
                string queryString = context.Request.Url.Query;
                //这个地方要注意，参与签名的是网页授权获取用户信息时微信后台回传的完整url
                string url = "http://" + host + path + queryString;

                //构造需要用SHA1算法加密的数据
                WxPayData signData = new WxPayData();
                signData.SetValue("appid",WxPayConfig.APPID);
                signData.SetValue("url", url);
                signData.SetValue("timestamp",WxPayApi.GenerateTimeStamp());
                signData.SetValue("noncestr",WxPayApi.GenerateNonceStr());
                signData.SetValue("accesstoken",access_token);
                string param = signData.ToUrl();

                Log.Debug(this.GetType().ToString(), "SHA1 encrypt param : " + param);
                //SHA1加密
                string addrSign = FormsAuthentication.HashPasswordForStoringInConfigFile(param, "SHA1");
                Log.Debug(this.GetType().ToString(), "SHA1 encrypt result : " + addrSign);

                //获取收货地址js函数入口参数
                WxPayData afterData = new WxPayData();
                afterData.SetValue("appId",WxPayConfig.APPID);
                afterData.SetValue("scope","jsapi_address");
                afterData.SetValue("signType","sha1");
                afterData.SetValue("addrSign",addrSign);
                afterData.SetValue("timeStamp",signData.GetValue("timestamp"));
                afterData.SetValue("nonceStr",signData.GetValue("noncestr"));

                //转为json格式
                parameter = afterData.ToJson();
                Log.Debug(this.GetType().ToString(), "Get EditAddressParam : " + parameter);
            }
            catch (Exception ex)
            {
                Log.Error(this.GetType().ToString(), ex.ToString());
                throw new WxPayException(ex.ToString());
            }

            return parameter;
        }
    }
}
View Code

这个页面可以在本地调试，可以比较方便的确认参数是否ok。

唤起支付

官方页面的示例如下：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6 但主要的参数(mark部分)是由后台生成的，也就是上一个步骤的ViewBag.wxJsApiParam

function onBridgeReady(){
   WeixinJSBridge.invoke(
       'getBrandWCPayRequest', {
           "appId" ： "wx2421b1c4370ec43b",     //公众号名称，由商户传入     
           "timeStamp"：" 1395712654",         //时间戳，自1970年以来的秒数     
           "nonceStr" ： "e61463f8efa94090b1f366cccfbbb444", //随机串     
           "package" ： "prepay_id=u802345jgfjsdfgsdg888",     
           "signType" ： "MD5",         //微信签名方式：     
           "paySign" ： "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名 
       },
       function(res){     
           if(res.err_msg == "get_brand_wcpay_request：ok" ) {}     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。 
       }
   ); 
}

所以在MVC中要这样写：

@{
    ViewBag.Title = "微信支付";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="page" id="Wxpayment">
    <div class="content">
        <div>订单详情：@Html.Raw(ViewBag.unifiedOrder)</div>
        <button id="h5pay" onclick="callpay()">支付</button>
    </div>
    <input type="hidden" value="@ViewBag.OrderNumber" id="ordernum"/>
</div>
 
<script type="text/javascript">

    //调用微信JS api 支付
    function jsApiCall() {
        WeixinJSBridge.invoke(
            'getBrandWCPayRequest',
            @Html.Raw(ViewBag.wxJsApiParam),//josn串
            function (res)
            {
                WeixinJSBridge.log(res.err_msg);
                //alert(res.err_code + res.err_desc + res.err_msg);
                if (res.err_msg == "get_brand_wcpay_request:ok") {
                   var num = $("#ordernum").val();
                    $.post("/payment/WeiXinPaySuccess", { ordernumber: num }, function(data) {
                        if (data.IsSuccess === true) {
                            alert("支付成功");
                            location.href = document.referrer;
                        } else {
                            
                        }
                    });
                } 
                if (res.err_msg == 'get_brand_wcpay_request:cancel') {
                      $('.button').removeAttr('submitting');
                      alert('取消支付');
                } 
            }
        );
    }

    function callpay()
    {
        if (typeof WeixinJSBridge == "undefined")
        {
            alert("WeixinJSBridge =");
            if (document.addEventListener)
            {
                document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
            }
            else if (document.attachEvent)
            {
                document.attachEvent('WeixinJSBridgeReady', jsApiCall);
                document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
            }
        }
        else
        {
            jsApiCall();
        }
    }

</script>

必须要用Html.Raw，不然json解析不对，无法支付。这个时候点击页面，会出现微信的加载效果，但别高兴的太早，还是会出错，出现一个“3当前的URL未注册”

原因就在于，需要在公众号中设置支付目录。而这个支付目录是大小写敏感的，所以你得多试几次。直到弹出输入密码的窗口才是真的流程正确了。然后支付成功之后马上就可以收到js中的回调，这个时候你可以去处理你的订单和业务逻辑。

 

官方文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_3

微信登录：http://www.cnblogs.com/stoneniqiu/p/5380606.html 

微信扫码支付及MVC demo：http://www.cnblogs.com/stoneniqiu/p/5525548.html

 官方demo：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1

diudiu5201
关注
微信公众号 - 最新详细实现H5网页接入微信支付功能，开发移动端、PC端网站集成使用微信支付流程及示例代码，公众号网页利用JS-SDK/JSAPI/H5支付授权唤起微信支付，可脱离微信环境支付或内置浏
王佳斌
07-25 4008
微信公众号，微信支付，网页，移动端，h5，扫码支付，二维码付款，手机网页，电脑pc网页生成支付二维码，js-sdk，jsapi，外部浏览器调起微信支付，脱离微信环境，在微信内置浏览器如何进行微信支付，前端H5微信支付，web网站，vue2，vue3，nuxt2，nuxt3，jquery，微信公众号h5支付流程，如何实现，怎么做，回调报错，redirect_uri参数错误，必须部署才能调试吗，怎么不打包发布就能在本机测试，微信H5支付能力，uniapp微信支付，h5页面调起支付，支付没反应，无效，失败，H5页
Java后端对接微信支付(微信小程序、APP、PC端扫码)非常全，包含查单、退款
2401_84408092的博客
04-18 1664
就写到这了，也算是给这段时间的面试做一个总结，查漏补缺，祝自己好运吧，也希望正在求职或者打算跳槽的 程序员看到这个文章能有一点点帮助或收获，我就心满意足了。多思考，多问为什么。希望小伙伴们早点收到满意的offer!越努力越幸运！金九银十已经过了，就目前国内的面试模式来讲，在面试前积极的准备面试，复习整个 Java 知识体系将变得非常重要，可以很负责任的说一句，复习准备的是否充分，将直接影响你入职的成功率。
微信支付（微信公众号）
weixin_60608280的博客
05-17 3113
目录前言微信公众号中微信支付项目需求思路遇到问题解决方案沟通问题梳理工具使用结构书写前段时间公司项目需要接入微信支付，因此研究了一下如何使用微信支付。和支付宝支付相比，微信支付相对复杂一些，需要配置的东西更多，限制也更多。经过两天的研究，终于搞定微信支付，在这里对于使用微信支付的经验进行一些总结。
小程序服务端统一下单支付
qq_42590790的博客
06-26 1333
/** * 调用统一下单，获得下单结果 * * @return 统一下单结果 * @throws WxPayException * @throws IOException * @throws SAXException * @throws ParserConfigurationException * @throws N...
微信公众号支付
最新发布
qq_43697714的博客
08-12 319
微信公众号支付记忆片段
微信支付 body设置只能为test,其余都报错!!!!!!
零一
01-10 903
代码部分： 微信支付只能用test,其余都报签名错误，签名加密方式用的HMAC-SHA256，网上有人说把body字符设置为UTF-8，原因是对的，不过官方的最新代码里面，md5模式默认是UTF-8,我改成MD5依然不对，可能是还有其他地方没有改过来，后面发现CalcHMACSHA256Hash方法里的Encoding编码写的是default,改成utf-8。 /** ...
C# .NETMVC 微信JSAPI支付
weixin_44486443的博客
08-26 1865
C# .NET MVC微信JSAPI支付 经过本人不断翻找资料和百度终于结合一些大佬的经验和思路弄出来一个MVC的微信支付了。 再弄微信支付之前我们需要先有一个商户号，并且开通了微信支付的JSAPI支付功能，也需要申请微信公众号并绑定指定的商户号。 首先我们根据微信官方给出的文档得知我们要在H5调起微信支付的流程如下： 文档的链接 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_4 在H5中调起微信支付，官方已经明确的告诉了...
C#微信支付官方demo
11-02
C# 微信支付最新v3版本的api demo。去掉了官方demo中的代理的设置，否则不去的代理无法测试，直接修改lib下面的Config.cs中的微信账号的相关appid，secret等信息。即可使用。（当然啦你得先在公众平台配置好你得回调授权域名，以及支付域名）
微信公众号开发-公众号支付
热门推荐
随风飘荡的鱼儿的博客
08-27 1万+
微信公众号开发-公众号支付导语： 通过这几天的对微信公众号支付的学习，我知道了想要完成在微信内置浏览器访问第三方网站进行支付或者其他操作都首先要进行获取网页授权的操作，也就是要获取用户的openid，只有有了openid我们才有权限进行接下来的操作，我现在就来安步奏详细说明一下其中的流程和坑。 一、获取openid根据官方文档，我们可以得到以下步奏：1 第一步：用户同意授权，获取code首先我们
微信公众号开发--微信JS-SDK图片上传功能
08-09
通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。 此文档面向网页...
开发微信支付-公众号支付
weixin_40927315的博客
12-17 259
走了不少的弯路，记录一下。 本博客借鉴自手把手教你–JAVA微信支付 尽信书，不如无书。 所需参数： APPID(appid),APPSECEPT(appsecret),商户ID(mch_id),API密钥(paternerKey) 其他都好搞API密钥(paternerKey)进入商品平台操作下。 第一步：配置相关域名 1.进入商品平台设置授权目录：直接用一级域名即可 2.openid网页授权域...
微信支付一篇就够了（app，小程序，公众号）
Mr_likes的博客
07-16 1654
当前开发的主流项目涉及到实体商品，虚拟商品等付费服务的基本都会用到微信支付，本篇对于对接微信商户平台的三大主流支付方式的Java对接方式列举一下。官方文档给到httpshttpshttpshttps微信官方提供了一套Java、.NET、PHP等三个版本的开发SDKhttps其实这几种支付方式所调用api接口参数和方式都大同小异，详细的参数介绍可以直接访问官方文档查看，下面直接列实战代码复制即用。......
微信jsapi支付获取code_微信JSAPI支付
weixin_36239323的博客
12-23 762
微信公众号支付流程：首先调用【网页授权获取用户信息】接口获取用户的openid和access_token：一、 获取code及openid1.前台页面首先判断code是否存在，不存在则构造网页授权获取code的URLmui.ready(function () { //读取localStorage的用户信息 if (user != undefined) { user = JSON.parse(use...
微信支付的统一下单接口，返回的是空解决方法 微信支付调用调用统一下单API，提示“签名错误”解决方法
a_靖的博客
10-18 6005
微信支付统一下单接口返回的必须类似是wx18150336246279f98d3de78d1950474601 的一串，才算统一下单成功了。 首先一定要检查商户号的密钥是否正确，然后查看请求https://api.mch.weixin.qq.com/pay/unifiedorder接口的错误回调。 如果错误信息是 60 ，就是 效验SSL失败，php的解决方法是在curl 中添加 ...
微信公众号-h5支付(完整demo+代码说明+Java版本）
12-11
本代码为本人最近开发用过的demo，前端后端的代码都已包括，只需根据自己的需求稍作修改即可；
微信开发之公众号支付
酷玩时刻-By Javen
01-04 9509
微信开发交流群：148540125 欢迎留言、转发首发地址:http://www.jianshu.com/p/cb2456a2d7a7 微信极速开发系列文章：http://www.jianshu.com/p/a172a1b69fdd首先来看看微信支付都提供哪些支付方式如下图 官方文档 刷卡支付 由于没有设备暂不出相关文章（可以提供设备支持的请联系我） APP支付 需要在微信开放平台申请开
ASP.NET微信支付接口调用Demo JSAPI
06-22
我弄了3天才通，其实很简单 10分钟就能配通，前2天一直在研究 “京东微信wap支付”，发现那是一个坑，必须得有腾讯官方的邀请函 才能开通 WAP支付。 JSASP支付 只能在微信浏览器里。 今天2016.6.22配通，官方支付v3版本 这次提供的代码比较简单新，比较简单，不需要引JS。我下载了几个其它人写的Demo 代码比较旧，写法繁琐。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值