公众号支付接口的开发-黔优媒体网

这次给大家带来公众号支付接口的开发，公众号支付接口开发的注意事项有哪些，下面就是实战案例，一起来看一下。
公众号支付就是在微信里面的H5页面唤起微信支付，不用扫码即可付款的功能。做这个功能首先要明确的就是，只有和商户号mch_id匹配的appid才能成功支付。商户号在注册成功的时候就会将相关信息发送到邮箱里面。而唤起支付的一个关键是靠openid拿到统一下单。而openid是和appid一一对应的。也就是说如果你登录使用的appid不是公众号的appid，得到的openid就无法唤起公众号内的支付(会出现appid和商户号不匹配的错误)。曾经就在这个地方绕了个弯，因为微信的开放平台可以创建网站应用，也有一个appid和appsecreat，也可以在微信里面一键登录。
下面是微信的官方流程，看似有点复杂，重点就是要拿到统一下单接口返回的json串，其他按照官方demo基本就能正确，下面说一下几个细节。
在调用微信公众号支付之前，首先我们自己要把订单创建好。比如一个充值的订单。主要是先确定下金额再进行下一步。
  public JsonResult CreateRecharegOrder(decimal money)
        {            if (money  h3 >在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 
     /p p 
         /p p 订单详情：@html.raw(viewbag.unifiedorder) /p 
         button 支付 /button 
     input 
  script 
 //调用微信JS api 支付
 function jsApiCall() {
 WeixinJSBridge.invoke( #39;getBrandWCPayRequest #39;, @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 == #39;get_brand_wcpay_request:cancel #39;) {
 $( #39;.button #39;).removeAttr( #39;submitting #39;);
 alert( #39;取消支付 #39;);
 } function callpay()
 { if (typeof WeixinJSBridge == undefined )
 alert( WeixinJSBridge = if (document.addEventListener)
 document.addEventListener( #39;WeixinJSBridgeReady #39;, jsApiCall, false);
 } else if (document.attachEvent)
 document.attachEvent( #39;WeixinJSBridgeReady #39;, jsApiCall);
 document.attachEvent( #39;onWeixinJSBridgeReady #39;, jsApiCall);
 } else
 jsApiCall();
 } /script 
必须要用Html.Raw，不然json解析不对，无法支付。这个时候点击页面，会出现微信的加载效果，但别高兴的太早，还是会出错，出现一个“3当前的URL未注册”
原因就在于，需要在公众号中设置支付目录。而这个支付目录是大小写敏感的，所以你得多试几次。直到弹出输入密码的窗口才是真的流程正确了。然后支付成功之后马上就可以收到js中的回调，这个时候你可以去处理你的订单和业务逻辑。
小结 如果是生产环境，我们需要再多个地方调用，需要再封装一下。
function jsApiCall(json, success, fail) {
    WeixinJSBridge.invoke(        'getBrandWCPayRequest',
        json,//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 ) {                //充值进去 要区分是出题充值 还是购买悬赏 前者冲到他的钱包
                //后者直接冲到系统账户
                if (success) success();
            } 
            if (res.err_msg == 'get_brand_wcpay_request:cancel') {                // alert('取消支付');
                if (fail)fail();
            } 
        }
    );
}function callpay(json,success,fail)
{    if (typeof WeixinJSBridge ==  undefined )
    {
        alert( 请在微信中打开!         if (document.addEventListener)
        {
            document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
        }        else if (document.attachEvent)
        {
            document.attachEvent('WeixinJSBridgeReady', jsApiCall);
            document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
        }
    }    else
    {
        jsApiCall(json, success, fail);
    }
}
View Code
  [LoginValid]        public ActionResult H5PayJson(string orederId)
        {            var user = _workContext.CurrentUser;            var order = _paymentService.GetOrderByOrderNumber(orederId);            //判断订单是否存在            //订单是否已经支付了
            var openid = user.OpenId;            var jsApipay = new JsApiPayMvc(ControllerContext.HttpContext)
            {
                openid = openid,
                total_fee = (int) order.Amount*100
            };            try
            {
                jsApipay.GetUnifiedOrderResult();                return Json(jsApipay.GetJsApiParameters());//实际还是字符串
            }            catch (Exception e)
            {                //统一下单失败
                return Json(new PortalResult(false, e.Message));
            }
        }
调用的时候这样直接唤起支付了。 但如果传入的json不是json对象，微信加载动画会一直卡在哪儿。
 $.post( /Checkout/H5PayJson , { orederId: orderId }, function (jsondata) {                                var jdata = JSON.parse(jsondata);                                if (jdata.appId) {
                                    callpay(jdata, function () {
                                        $.post( /payment/WeiXinPaySuccess , { ordernumber: orderId }, function (paymentdata) {                                            if (paymentdata.IsSuccess === true) {
                                                submitQuestion();
                                            } else {
                                                $.alert(paymentdata.Message);
                                            }
                                        });
                                    }, function () {
                                        $.alert( 你已取消支付! 
                                    });
                                } else {
                                    alert( 统一下单失败! 
                                }
                            });
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
webpack自动刷新与解析的使用
webpack的模块热替换详解
JS事件先发布后订阅的方法
以上就是公众号支付接口的开发的详细内容，更多请关注php中文网其它相关文章！
最佳 Windows 性能的顶级免费优化软件
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
公众号支付接口的开发

新手指南

媒体营销

业务导航

交易保障

关于我们

扫一扫，关注我们
