老久没写微信的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 = "<xml>
- <appid>$appid</appid>
- <body>$body</body>
- <mch_id>$mch_id</mch_id>
- <nonce_str>$nonce_str</nonce_str>
- <notify_url>$notify_url</notify_url>
- <out_trade_no>$out_trade_no</out_trade_no>
- <scene_info>$scene_info</scene_info>
- <spbill_create_ip>$spbill_create_ip</spbill_create_ip>
- <total_fee>$total_fee</total_fee>
- <trade_type>$trade_type</trade_type>
- <sign>$sign</sign>
- </xml>";//拼接成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
- <xml>
- <return_code><![CDATA[SUCCESS]]></return_code>
- ?<return_msg><![CDATA[OK]]></return_msg>
- ?<appid><![CDATA[apoid]]></appid>?
- <mch_id><![CDATA[mch_id]]></mch_id>
- ?<nonce_str><![CDATA[随机字符串]]></nonce_str>?
- <sign><![CDATA[签名]]></sign>?
- <result_code><![CDATA[SUCCESS]]></result_code>
- ?<prepay_id><![CDATA[预支付交易会话标识]]></prepay_id>
- ?<trade_type><![CDATA[MWEB]]></trade_type>
- ?<mweb_url><![CDATA[https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx2017080418asdasda911b0554428319&package=asdasd]]></mweb_url>
- ?</xml>
- mweb_url 这里就是 微信返回的支付连接 你把这个连接 丢到前台就可以了
- 注意 这里只能在手机/平板端测试 如果是PC网站 还是建议用二维码 跟这个差不多的思想 只是必要参数不一样罢了 返回的就是一个二维码 然后直接生成就行
- mweb_url