微信H5支付细解

（首先 写一句哈 这里的代码是很清楚很清楚了， 仔细检查 微信返回的报错信息  检查你的配置文件，返回错误的地方

以后加我问这些 很LOW 的话题的 请自觉发100块红包，我也要做事情的。。。不是帮你解决BUG的。） 当然 作为同行互相交流我还是比较喜欢的 留Q 303558498

老久没写微信的DEMO 了   最近上了一个项目要调取微信支付 要用微信H5 非微信浏览器的支付  官方的DEMO 很笼统，对于新手小白来说不是很理解  刚好闲着有时间 顺便写写博客，供大家浏览参考

官方 流程图 https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_3

官方案例 http://wxpay.wxutil.com/mch/pay/h5.v2.php

基本上都看过这两个玩意把 好的 接下来我们来写DEMO

PS 记得先去商户平台申请开通 H5支付 

开始下单  API

https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=9_20&index=1

 

首先你从前台来参数（这里是我要用微信支付了-》将消费金额传到后台（以及其他参数（订单号啊等等）））

（各个平台需求不同，传参的方式也是不同的）   

 我这里就一个金额 

然后   按照相关顺序拼接字符串   前台我就不写了   直接写后台

 $money= 1;//充值金额 
        
      
        $userip = $this->getIP(); //获得用户设备IP 自己网上百度去
        $appid = "1111111";//微信给的
        $mch_id = "1111111";//微信官方的
        $key = "9999";//自己设置的微信商家key
      
        $rand = rand(00000,99999);
        $out_trade_no = '20170804'.$rand;//平台内部订单号
        $nonce_str=MD5($out_trade_no);//随机字符串
        $body = "H5充值";//内容
        $total_fee = $money; //金额
        $spbill_create_ip = $userip; //IP
        $notify_url = "http://www.baidu.com/login/pay/payinfo"; //回调地址
        $trade_type = 'MWEB';//交易类型 具体看API 里面有详细介绍
        $scene_info ='{"h5_info":{"type":"Wap","wap_url":"http://www.baidu.com","wap_name":"支付"}}';//场景信息 必要参数
        $signA ="appid=$appid&body=$body&mch_id=$mch_id&nonce_str=$nonce_str¬ify_url=$notify_url&out_trade_no=$out_trade_no&scene_info=$scene_info&spbill_create_ip=$spbill_create_ip&total_fee=$total_fee&trade_type=$trade_type";
        $strSignTmp = $signA."&key=$key"; //拼接字符串  注意顺序微信有个测试网址 顺序按照他的来 直接点下面的校正测试 包括下面XML  是否正确
        $sign = strtoupper(MD5($strSignTmp)); // MD5 后转换成大写
        $post_data = "
                        $appid
                        $body
                        $mch_id
                        $nonce_str
                        $notify_url
                        $out_trade_no
                        $scene_info
                        $spbill_create_ip
                        $total_fee
                        $trade_type
                        $sign
                    ";//拼接成XML 格式
        $url = "https://api.mch.weixin.qq.com/pay/unifiedorder";//微信传参地址
        $dataxml = $this->http_post($url,$post_data); //后台POST微信传参地址  同时取得微信返回的参数    POST 方法我写下面了
        $objectxml = (array)simplexml_load_string($dataxml, 'SimpleXMLElement', LIBXML_NOCDATA); //将微信返回的XML 转换成数组

查看拼接格式是否正确

https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=20_1

  function http_post($url, $data) {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL,$url);
        curl_setopt($ch, CURLOPT_HEADER,0);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
        $res = curl_exec($ch);
        curl_close($ch);
        return $res;
    }

我这写一个正确返回的 错误返回的解决 去看官方文档 ，基本上不是没开通权限就是  签名 顺序错了，或者部分参数写错了  一个个试就行了

常见问题  在这个页面 https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_4

不知道标签意思的  查 https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=9_20&index=1

?
??

??
?

?
?
?
?

mweb_url  这里就是 微信返回的支付连接   你把这个连接 丢到前台就可以了  
注意 这里只能在手机/平板端测试 如果是PC网站 还是建议用二维码   跟这个差不多的思想 只是必要参数不一样罢了 返回的就是一个二维码 然后直接生成就行

mweb_url