首页 > 首页

微信支付开发当前URL未注册的解决方案大屏查看

发布于：2015年12月03日 已被阅读次

微信支付开发当前URL未注册的解决方案
流程实现
1. OAuth2.0授权
JSAPI 支付前需要调用 登录授权接口获取到用户的 Openid 。所以需要做一次授权，这次授权是不弹出确认框的。
其实质就是在用户访问

  1. http://www.fangbei.org/wxpay/js_api_call.php

复制代码

时跳转到

  1. https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx8888888888888888&redirect_uri=http://www.fangbei.org/wxpay/js_api_call.php&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect

复制代码

以此来获得code参数，并根据code来获得授权access_token及openid

其实现的详细流程可参考 微信公众平台开发（71）OAuth2.0网页授权

在微信支付的Demo中，其代码为


  1. 1 //使用jsapi接口

  2.  2 $jsApi = new JsApi_pub();

  3.  3 

  4.  4 //=========步骤1：网页授权获取用户openid============

  5.  5 //通过code获得openid

  6.  6 if (!isset($_GET['code']))

  7.  7 {

  8.  8     //触发微信返回code码

  9.  9     $url = $jsApi->createOauthUrlForCode(WxPayConf_pub::JS_API_CALL_URL);

  10. 10     Header("Location: $url"); 

  11. 11 }else

  12. 12 {

  13. 13     //获取code码，以获取openid

  14. 14     $code = $_GET['code'];

  15. 15     $jsApi->setCode($code);

  16. 16     $openid = $jsApi->getOpenId();

  17. 17 }

复制代码

这一步的最终结果就是获得了当前用户的openid

  1. ou9dHt0L8qFLI1foP-kj5x1mDWsM

复制代码

2. 统一支付
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单，返回预支付订单号的接口，目前微信支付所有场景均使用这一接口
统一支付中以下参数从配置中获取，或由类自动生成，不需要用户填写

  1. $this->parameters["appid"] = WxPayConf_pub::APPID;//公众账号ID

  2. $this->parameters["mch_id"] = WxPayConf_pub::MCHID;//商户号

  3. $this->parameters["spbill_create_ip"] = $_SERVER['REMOTE_ADDR'];//终端ip        

  4. $this->parameters["nonce_str"] = $this->createNoncestr();//随机字符串

  5. $this->parameters["sign"] = $this->getSign($this->parameters);//签名

复制代码

在JSAPI支付中，另外填写以下参数

  1. //统一支付接口中，trade_type为JSAPI时，openid为必填参数！

  2. $unifiedOrder->setParameter("openid","$openid");//商品描述

  3. $unifiedOrder->setParameter("body","方倍工作室");//商品描述

  4. //自定义订单号，此处仅作举例

  5. $timeStamp = time();

  6. $out_trade_no = WxPayConf_pub::APPID."$timeStamp";

  7. $unifiedOrder->setParameter("out_trade_no","$out_trade_no");//商户订单号 

  8. $unifiedOrder->setParameter("total_fee","1");//总金额

  9. $unifiedOrder->setParameter("notify_url",WxPayConf_pub::NOTIFY_URL);//通知地址 

  10. $unifiedOrder->setParameter("trade_type","JSAPI");//交易类型

复制代码

其他为选填参数

  1. //非必填参数，商户可根据实际情况选填

  2. //$unifiedOrder->setParameter("sub_mch_id","XXXX");//子商户号  

  3. //$unifiedOrder->setParameter("device_info","XXXX");//设备号 

  4. //$unifiedOrder->setParameter("attach","XXXX");//附加数据 

  5. //$unifiedOrder->setParameter("time_start","XXXX");//交易起始时间

  6. //$unifiedOrder->setParameter("time_expire","XXXX");//交易结束时间 

  7. //$unifiedOrder->setParameter("goods_tag","XXXX");//商品标记 

  8. //$unifiedOrder->setParameter("openid","XXXX");//用户标识

  9. //$unifiedOrder->setParameter("product_id","XXXX");//商品ID

复制代码

这些参数最终组成了这样的xml数据，

  1. <xml>

  2.   <openid><![CDATA[ou9dHt0L8qFLI1foP-kj5x1mDWsM]]></openid>

  3.   <body><![CDATA[方倍工作室]]></body>

  4.   <out_trade_no><![CDATA[wx88888888888888881414411779]]></out_trade_no>

  5.   <total_fee>1</total_fee>

  6.   <notify_url><![CDATA[http://www.fangbei.org/wxpay/notify_url.php]]></notify_url>

  7.   <trade_type><![CDATA[JSAPI]]></trade_type>

  8.   <appid><![CDATA[wx8888888888888888]]></appid>

  9.   <mch_id>10012345</mch_id>

  10.   <spbill_create_ip><![CDATA[61.50.221.43]]></spbill_create_ip>

  11.   <nonce_str><![CDATA[60uf9sh6nmppr9azveb2bn7arhy79izk]]></nonce_str>

  12.   <sign><![CDATA[2D8A96553672D56BB2908CE4B0A23D0F]]></sign>

  13. </xml>

复制代码

将这些数据提交给统一支付接口

  1. https://api.mch.weixin.qq.com/pay/unifiedorder

复制代码

将获得返回 如下数据

  1. <xml>

  2.   <return_code><![CDATA[SUCCESS]]></return_code>  

  3.   <return_msg><![CDATA[OK]]></return_msg>  

  4.   <appid><![CDATA[wx8888888888888888]]></appid>  

  5.   <mch_id><![CDATA[10012345]]></mch_id>  

  6.   <nonce_str><![CDATA[Be8YX7gjCdtCT7cr]]></nonce_str>  

  7.   <sign><![CDATA[885B6D84635AE6C020EF753A00C8EEDB]]></sign>  

  8.   <result_code><![CDATA[SUCCESS]]></result_code>  

  9.   <prepay_id><![CDATA[wx201410272009395522657a690389285100]]></prepay_id>  

  10.   <trade_type><![CDATA[JSAPI]]></trade_type> 

  11. </xml>

复制代码

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

  1. wx201410272009395522657a690389285100

复制代码

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

//=========步骤3：使用jsapi调起支付============

  1. $jsApi->setPrepayId($prepay_id);

  2. $jsApiParameters = $jsApi->getParameters();

复制代码

生成的json数据如下

  1. {

  2.     "appId": "wx8888888888888888",

  3.     "timeStamp": "1414411784",

  4.     "nonceStr": "gbwr71b5no6q6ne18c8up1u7l7he2y75",

  5.     "package": "prepay_id=wx201410272009395522657a690389285100",

  6.     "signType": "MD5",

  7.     "paySign": "9C6747193720F851EB876299D59F6C7D"

  8. }

复制代码

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

  1. <html>

  2. <head>

  3.     <meta http-equiv="content-type" content="text/html;charset=utf-8"/>

  4.     <title>微信安全支付</title>

  5.     <script type="text/javascript">

  6.         //调用微信JS api 支付

  7.         function jsApiCall()

  8.         {

  9.             WeixinJSBridge.invoke(

  10.                 'getBrandWCPayRequest',

  11.                 <?php echo $jsApiParameters; ?>,

  12.                 function(res){

  13.                     WeixinJSBridge.log(res.err_msg);

  14.                     //alert(res.err_code+res.err_desc+res.err_msg);

  15.                 }

  16.             );

  17.         }


  19.         function callpay()

  20.         {

  21.             if (typeof WeixinJSBridge == "undefined"){

  22.                 if( document.addEventListener ){

  23.                     document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);

  24.                 }else if (document.attachEvent){

  25.                     document.attachEvent('WeixinJSBridgeReady', jsApiCall); 

  26.                     document.attachEvent('onWeixinJSBridgeReady', jsApiCall);

  27.                 }

  28.             }else{

  29.                 jsApiCall();

  30.             }

  31.         }

  32.     </script>

  33. </head>

  34. <body>

  35.     </br></br></br></br>

  36.     <div align="center">

  37.         <button style="width:210px; height:30px; background-color:#FE6714; border:0px #FE6714 solid; cursor: pointer;  color:white;  font-size:16px;" type="button" onclick="callpay()" >贡献一下</button>

  38.     </div>

  39. </body>

  40. </html>

复制代码

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



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

  1. <xml>

  2.   <appid><![CDATA[wx8888888888888888]]></appid>  

  3.   <bank_type><![CDATA[CFT]]></bank_type>  

  4.   <fee_type><![CDATA[CNY]]></fee_type>  

  5.   <is_subscribe><![CDATA[Y]]></is_subscribe>  

  6.   <mch_id><![CDATA[10012345]]></mch_id>  

  7.   <nonce_str><![CDATA[60uf9sh6nmppr9azveb2bn7arhy79izk]]></nonce_str>  

  8.   <openid><![CDATA[ou9dHt0L8qFLI1foP-kj5x1mDWsM]]></openid>  

  9.   <out_trade_no><![CDATA[wx88888888888888881414411779]]></out_trade_no>  

  10.   <result_code><![CDATA[SUCCESS]]></result_code>  

  11.   <return_code><![CDATA[SUCCESS]]></return_code>  

  12.   <sign><![CDATA[0C1D7F2534F1473247550A5A138F0CEB]]></sign>  

  13.   <sub_mch_id><![CDATA[10012345]]></sub_mch_id>  

  14.   <time_end><![CDATA[20141027200958]]></time_end>  

  15.   <total_fee>1</total_fee>  

  16.   <trade_type><![CDATA[JSAPI]]></trade_type>  

  17.   <transaction_id><![CDATA[1002750185201410270005514026]]></transaction_id> 

  18. </xml>

复制代码

当然这是所有的支付流程，我们还需要去微信公众号后台去设置。支付授权目录
这里很重要我就是在这里折腾了很久。怎么设置呢，首先要看你支付的当前页面URL
比如是：

  1. http://www.fangbei.org/wxpay/js_api_call.php

复制代码

你就必须填写：

  1. http://www.fangbei.org/wxpay/

复制代码

假如是：

  1. http://www.fangbei.org/wxpay/order/id/56.html

复制代码

你就必须写：

  1. http://www.fangbei.org/wxpay/order/id/

复制代码

看出规律了吧，就是把最后一个反斜杠后面的内容去掉就OK了。如果还有什么问题可以留言问我。

最新发布
linux下svn提交忽略某些文件... (173)
使用批处理来批量更新、提交SVN... (136)
linux查看目录文件大小命令 (145)
linux tar打包压缩排除某个... (134)
Linux tar压缩和解压 (192)
SVN子命令add用法浅析 (130)
热门博文
网友FBI探案：马蓉iPad惊人发现... (43345)
霍金携手俄罗斯富豪耗资1亿美元寻找外... (4747)
如何才能查看PHP内置函数源代码... (1209)
微信支付开发当前URL未注册的解决方... (573)
《谁为爱情买单》中的经典面试 ... (441)
让虚拟主机也用上SVN：适用于个人的... (395)
精华博文
[推荐]Centos7 安装配置 SVN (159)
easyswoole框架安装 (174)
php开启pecl的支持(推荐) (157)
1-10个恋爱表现：男朋友爱你程度到... (164)
女生喜欢你的10个程度，到第六个就可... (141)
Eclipse 没有Server选项... (211)
友情链接
我来忙 (110)