近来公司项目要求用到微信H5开发，因为微信开发文档处处都是坑，我也走了不少弯路，现在就把H5支付的过程记录一下，已备后用！！

首先 先去商户平台申请开通 H5支付！！！！

我们从微信官方下载H5支付demo，（忘记了没有demo，自己写吧，蛋疼！）微信H5支付文档请点击这里（为了方便查看我用了_blank）。

官方是给我们提供了案例的大家可以移步查看--->微信官方体验链接：http://wxpay.wxutil.com/mch/pay/h5.v2.php，请在微信外浏览器打开。

官方提供的流程，大家可以看看是不是你想要的样子，以防止写错 https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_3

大概思路：前台传过来参数后台接收比如金额（注意这里的金额，微信传的是分），订单号，客户端ip（获取客户端ip方法，官方给的方法不对，请查看我的另一篇）等。

用到的最重要的接口是统一下单　　　　

　　　　　　$subject = $data['subject']; //商品描述        
　　　　　　$total_amount = $data['total_amount']*100; //金额

        $additional = $data['additional']; ////附加数据

        $order_id = $data['order_id']; ////订单号

        $nonce_str=MD5($order_id);//随机字符串

        $spbill_create_ip = $data['spbill_create_ip']; //终端ip
　　　　 //以上参数接收不必纠结，按照正常接收就行，相信大家都看得懂

        //$spbill_create_ip = '118.144.37.98'; //终端ip测试

        $trade_type = 'MWEB';//交易类型 具体看API 里面有详细介绍

        $notify_url = 'http://xy.xxx.com/medias/public/index.php/home/Wxh5pay/notify_url'; //回调地址

        $scene_info ='{"h5_info":{"type":"Wap","wap_url":"http://www.123.com","wap_name":"测试支付"}}'; //场景信息

        //对参数按照key=value的格式，并按照参数名ASCII字典序排序生成字符串

        $signA = "appid=$appid&body=$subject&mch_id=$mch_id&nonce_str=$nonce_str&notify_url=$notify_url&out_trade_no=$order_id
　　　　　　&scene_info=$scene_info&spbill_create_ip=$spbill_create_ip&total_fee=$total_amount&trade_type=$trade_type";

        $strSignTmp = $signA."&key=$key"; //拼接字符串

        $sign = strtoupper(MD5($strSignTmp)); // MD5 后转换成大写

        $post_data = "<xml>

                       <appid>$appid</appid>

                       <body>$subject</body>

                       <mch_id>$mch_id</mch_id>

                       <nonce_str>$nonce_str</nonce_str>

                       <notify_url>$notify_url</notify_url>

                       <out_trade_no>$order_id</out_trade_no>

                       <scene_info>$scene_info</scene_info>

                       <spbill_create_ip>$spbill_create_ip</spbill_create_ip>

                       <total_fee>$total_amount</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微信传参地址  同时取得微信返回的参数，http_post方法请看下文

        $objectxml = (array)simplexml_load_string($dataxml, 'SimpleXMLElement', LIBXML_NOCDATA); //将微信返回的XML 转换成数组

        if($objectxml['return_code'] == 'SUCCESS')  {

            if($objectxml['result_code'] == 'SUCCESS'){//如果这两个都为此状态则返回mweb_url，详情看‘统一下单’接口文档

                return $objectxml['mweb_url']; //mweb_url是微信返回的支付连接要把这个连接分配到前台

            }

            if($objectxml['result_code'] == 'FAIL'){
　　　　　　　　return $err_code_des = $objectxml['err_code_des'];

　　　　　　}}

微信支付接口签名校验工具：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;
}

以上就是微信H5支付，电脑支付请使用PC扫码支付，原理类似，看文档即可

PHP微信H5支付开发的更多相关文章

  1. 微信H5支付开发(maven仓库版）

    官方文档:https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_1 开发之前确认开通了H5支付功能 一.安装微信sdk 二.创建config ...

  2. java进行微信h5支付开发

    最近在做微信支付开发用的框架是 srpingMVC mybatis spring 下面是开发流程图 我们只需要开发红色标记的模块就可以了. 具体参数详情可以查看微信开发者文档. 新手第一次写,写的不好 ...

  3. 微信H5支付开发步骤总结

    * 开发步骤: * 1.在微信公众号平台设置授权目录,即jsapi.php所在的目录 * 2.在微信支付平台下载证书,放到cert目录 * 3.在微信支付平台设置API秘钥,同时在WxPay.Conf ...

  4. 微信H5支付开发全过程（除内置微信以外的浏览器）

    前言:网上都是~ 呵呵 自己搞 只要花时间 多问客服总会有的 只说程序不说准备工作 自己ID 或者秘钥都准备好了  写的有点儿乱 可以把所有的方法 放在一个文件中调用 public function ...

  5. Android通过外部浏览器调用微信H5支付，Android+PHP详解

    看了好多关于讲解微信H5支付开发的文章,大多数都是通过微信内部浏览器来调用支付接口(其实就是公众号支付),可能是因为H5支付接口刚开放不久吧. 微信官方体验链接:http://wxpay.wxutil ...

  6. 微信支付之微信H5支付(坑,ajax不支持重定向跳转)

    这里讲的是  微信h5支付,    是微信以外的手机浏览器调用微信h5支付  h5支付: H5支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起 ...

  7. C#开发微信门户及应用(44)--微信H5页面开发的经验总结

    在我们开发微信页面的时候,需要大量用到了各种呈现的效果,一般可以使用Boostrap的效果来设计不同的页面,不过微信团队也提供很多这方面的资源,包括JSSDK的接口,以及Weui的页面样式和相关功能页 ...

  8. 微信公众号支付|微信H5支付|微信扫码支付|小程序支付|APP微信支付解决方案总结

    最近负责的一些项目开发,都用到了微信支付(微信公众号支付.微信H5支付.微信扫码支付.APP微信支付).在开发的过程中,在调试支付的过程中,或多或少都遇到了一些问题,今天总结下,分享,留存. 先说注意 ...

  9. C#版微信公众号支付|微信H5支付|微信扫码支付问题汇总及解决方案总结

    最近负责的一些项目开发,都用到了微信支付(微信公众号支付.微信H5支付.微信扫码支付).在开发的过程中,在调试支付的过程中,或多或少都遇到了一些问题,今天总结下,分享,留存.代码在文章结尾处,有需要的 ...

随机推荐

  1. windows服务管理操作

    服务程序是windows上重要的一类程序,它们虽然不与用户进行界面交互,但是它们对于系统有着重要的意义.windows上为了管理服务程序提供了一个特别的程序:服务控制管理程序,系统上关于服务控制管理的 ...

  2. 5分钟了解MySQL5.7的undo log在线收缩新特性

    Part1:写在最前 在MysQL5.6版本中,可以把undo log 回滚日志分离到一个单独的表空间里:其缺点是不能回收空间大小,until MysQL5.7,but MariadDB10.1暂不支 ...

  3. 基于springboot微信公众号开发,几分钟学会微信自动回复

    效果图 1.准备工作 申请微信订阅号(个人只能申请订阅号,而且没什么功能,也无法认证),申请完毕,点击 开发=>基本配置,如下图: 服务器配置需要有 域名 80端口,我猜你没有,这里推荐个实用工 ...

  4. Zabbix实战-简易教程系列

    一.基础篇(安装和接入) Zabbix实战-简易教程--总流程  Zabbix实战-简易教程--整体架构图 Zabbix实战-简易教程--DB安装和表分区 Zabbix实战-简易教程--Server端 ...

  5. 2017 ICPC区域赛（西安站）--- J题 LOL（DP）

    题目链接 problem description 5 friends play LOL together . Every one should BAN one character and PICK o ...

  6. [51nod Round15 E ]Danganronpa

    AC自动机,树上莫队,树状数组.. 比赛的时候完全看不出来...赛后去膜了一波网上题解才明白= = 离线,先把AC自动机建出来,把fail边反向建出fail树. 发射言弹,就是将言弹结束节点的fail ...

  7. c++(链表逆转)

    链表逆转是面试环境中经常遇到的一道题目,也是我们在实际开发中可能会遇到的开发需求.和线性逆转不一样,单向链表的节点需要一个一个进行处理.为了显示两者之间的区别,我们分别对线性内存和链表进行逆转: (1 ...

  8. centos7+cdh5.10.0搭建

    一.选择环境: 1.说明 本次部署使用台机器,3台用于搭建CDH集群,1台为内部源.内部源机器是可以连接公网的,可以提前部署好内部源,本次部署涉及到的服务器的hosts配置如下: 192.168.10 ...

  9. Windows 部署 Redis 群集（转）

    1,下载Redis for windows 的最新版本,解压到 c:\Redis 目录下备用https://github.com/MSOpenTech/redis/releases当前我使用的是 3. ...

  10. ASP.NET没有魔法——ASP.NET OAuth、jwt、OpenID Connect

    上一篇文章介绍了OAuth2.0以及如何使用.Net来实现基于OAuth的身份验证,本文是对上一篇文章的补充,主要是介绍OAuth与Jwt以及OpenID Connect之间的关系与区别. 本文主要内 ...