微信开发之JSAPI支付的实例详解

本文介绍微信支付下的jsapi实现流程

前言

微信支付现在分为v2版和v3版，2014年9月10号之前申请的为v2版，之后申请的为v3版。V3版的微信支付没有paySignKey参数。v2的相关介绍请参考方倍工作室的其他文章。本文介绍的微信支付v3。

流程实现

1. OAuth2.0授权

JSAPI 支付前需要调用 登录授权接口获取到用户的 Openid 。所以需要做一次授权，这次授权是不弹出确认框的。
其实质就是在用户访问

将获得返回 如下数据

其中包含了最重要的预支付ID参数，prepay_id，值为

wx201410272009395522657a690389285100

3、JS API支付

前面的准备工作做好了以后，JS API根据prepay_id生成jsapi支付参数
生成代码如下

//=========步骤3：使用jsapi调起支付============$jsApi->setPrepayId($prepay_id);$jsApiParameters = $jsApi->getParameters();

生成的json数据如下

{    "appId": "wx8888888888888888",    "timeStamp": "1414411784",    "nonceStr": "gbwr71b5no6q6ne18c8up1u7l7he2y75",    "package": "prepay_id=wx201410272009395522657a690389285100",    "signType": "MD5",    "paySign": "9C6747193720F851EB876299D59F6C7D"}

在微信浏览器中调试起js接口，代码如下

            <script type="text/javascript">        //调用微信JS api 支付        function jsApiCall()        {            WeixinJSBridge.invoke(                'getBrandWCPayRequest',                ,                function(res){                    WeixinJSBridge.log(res.err_msg);                    //alert(res.err_code+res.err_desc+res.err_msg);                }            );        }        function callpay()        {            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();            }        }    《script》    



    
        贡献一下    

当用户点击“贡献一下”按钮时，将弹出微信支付插件，用户可以开始支付。

4、支付通知

支付成功后，通知接口中也将收到支付成功的xml通知

                                                      1         

notify_url收到以后，再返回确认成功消息给微信服务器

以上就是微信开发之JS API支付的实例详解的详细内容，更多请关注php中文网其它相关文章！