微信支付-微信公众号支付，微信H5支付，微信APP支付，微信扫码支付

时间：2023-01-19 21:57:08

在支付前，如果使用第三方MVC框架，则使用重写模式，服务器也需要配置该项

if (!-e $request_filename){

rewrite ^/(.*)$ /index.php/$ last;

}

微信公众号支付

1. 登录 微信公众平台 ；

2. 点击左边菜单里面的微信支付微信支付-微信公众号支付，微信H5支付，微信APP支付，微信扫码支付查看相关商户号，确定该公众号支付针对由哪个商户号进行收款；

3. 登录步骤2中的商户平台，点击产品中心，开启支付产品-公众号支付（如果已开通可以忽略该步骤）；

4. 继续点击商户平台->产品中心->开发配置，确定商户号是否和即将开发的公众号支付一致。查看支付配置->公众号支付微信支付-微信公众号支付，微信H5支付，微信APP支付，微信扫码支付

添加相应的JSAPI授权目录，添加规则具体参见：微信公众号支付开发当前URL未注册解决办法

5. 回到公众平台，设置->公众号设置->功能设置，添加JS接口安全域名和网页授权域名；

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <h1>openId : {$openId}</h1>

    <button style="width:210px; height:50px; border-radius: 15px;background-color:#FE6714; border:0px #FE6714 solid; cursor: pointer;  color:white;  font-size:16px;" type="button" onclick="callpay()" >立即支付</button>

    <script type="text/javascript">

        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();

            }

        }

        //调用微信JS api 支付

        function jsApiCall(){

            WeixinJSBridge.invoke(

                'getBrandWCPayRequest',

                <?php echo $jsApiParameters; ?>,

                function(res){

                    WeixinJSBridge.log(res.err_msg);

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

                }

            );

        }

    </script>

    <script type="text/javascript">

    //获取共享地址

    function editAddress()

    {

        WeixinJSBridge.invoke(

            'editAddress',

            <?php echo $editAddress; ?>,

            function(res){

                var value1 = res.proviceFirstStageName;

                var value2 = res.addressCitySecondStageName;

                var value3 = res.addressCountiesThirdStageName;

                var value4 = res.addressDetailInfo;

                var tel = res.telNumber;

                alert(value1 + value2 + value3 + value4 + ":" + tel);

            }

        );

    }

    window.onload = function(){

        if (typeof WeixinJSBridge == "undefined"){

            if( document.addEventListener ){

                document.addEventListener('WeixinJSBridgeReady', editAddress, false);

            }else if (document.attachEvent){

                document.attachEvent('WeixinJSBridgeReady', editAddress);

                document.attachEvent('onWeixinJSBridgeReady', editAddress);

            }

        }else{

            editAddress();

        }

    };

    </script>

</body>

</html>

微信H5支付

H5支付是指商户在微信客户端外的移动端网页展示商品或服务，用户在前述页面确认使用微信支付时，商户发起本服务呼起微信客户端进行支付。

主要用于触屏版的手机浏览器请求微信支付的场景。可以方便的从外部浏览器唤起微信支付。

提醒：H5支付不建议在APP端使用，如需要在APP中使用微信支付，请接APP支付，文档详见微信支付开发文档。

申请入口：登录商户平台-->产品中心-->我的产品-->支付产品-->H5支付

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

1. 登录商户平台，查看开发配置->查看商户号和H5支付域名。

2. 登录开发平台，确定APPID，APPID必须是移动应用中所使用的APPID微信支付-微信公众号支付，微信H5支付，微信APP支付，微信扫码支付

更正：APPID 可以是公众号ID，注意是

3. 查看相关的商户号、和支付KEY（用于签名）。查看key步骤：商户平台->账户中心->账户设置->API安全->然后在该页的“API密钥”部分，点击“设置密钥”，可以看到密钥内容，该密钥就是我们需要的“支付Key”。本步操作只能在开发阶段、产品没有上线前操作，产品上线后切忌点击“设置密钥”，否则会影响线上的支付功能。

4. 调用统一下单即可得到 mweb_url ，打开支付窗口，进行支付。统一下单接口请参考https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=9_20&index=1

5. 可以对 mweb_url 进行设置重定向页面

// 判断是否统一下单成功

        if($result['return_code'] != 'SUCCESS'){

            throw new PayException("统一下单失败：".$result['return_msg'], 320);

        }

        // 判断是否存在重定向界面

        if(WxH5Config::REDIRECT_URL !== ""){

            $result['mweb_url'] = $result['mweb_url']."&redirect_url=".urlencode(WxH5Config::REDIRECT_URL."?out_trade_no=".$inputObj['out_trade_no']);

        }

补充：redirect_url 必须是当前域名下指定的地址，比如发起支付H5域名是domain，重定向页面地址最好是domain，否则未配置的情况下会报商家存在未配置的参数，请联系商家解决

6. 支付成功或者取消或者失败都会重定向 redirect_url 地址，支付成功会异步执行通知notify_url。

微信APP支付

1. 登录开发平台，查看APPID;

2. 登录商户平台，查看对应的商户号;

3. 密匙KEY同微信H5支付步骤3；

4. 然后调用APP统一下单；

注意：

1. 解决微信App支付服务端，App上提示“商户支付下单id非法”

统一下单接口，返回的字段名是“prepay_id”

调起支付接口，传入的字段名是“prepayid”

坑爹的微信支付！！

同时呼吁大家一定要养成命名规范。。。

2.关于微信APP支付，提示支付验证签名失败

最近做微信APP支付，在“统一下单”里加签没有问题，调用成功，但是在 “调起支付”后却提示  支付验证签名失败。

先说一下请求的参数，参数一共有七个：

prepayid（统一下单里返回的标识符），

partnerid（商户号），

appid，

package（微信要求必须有，内容是“Sign=WXPay”），

noncestr（随机数，不适用微信返回的，是重新生成一个，注意统一下单里的参数是nonce_str），

timestamp（时间戳，十位，注意统一下单里的时间是完整的时间，这里是时间戳），

sign（签名，将上述字段重新签名，而不是用统一下单返回的sign）。

这个问题折磨了我一上午，以为统一下单里签名没问题，那么调起支付就不会在加签上出错，最后用微信的签名生成工具对比了一下签名结果发现 程序生成的签名与官网生成的不一样，然后把签名过程输出了下，发现 package 这里出现了问题。

Sign=WXPay，我在加签里对内容进行了utf-8编码，而恰巧，一不小心 “=” 也参与了编码，于是 就变成了 Sign%3DWXPay，然后 错误的package进行了错误的加签，导致签名出错。

解决方案：在加签过程里修改，如果map匹配到 package，那么map的值不参与编码。官方签名校验工具地址：https://pay.weixin.qq.com/wiki/tools/signverify/。

（吐槽一句，微信支付的文档真是一团糟，要啥啥没有，找啥找不到，而且还出现了 多个标准。当然，也可能是我水平太差。。）

5. 支付完成，等待通知回调。

总结：其实微信支付三种形式 JSAPI 、 MWEB 、 APP 大同小异，基本的步骤都是根据统一下单，然后进行调取微信支付（在微信支付时，JSAPI会直接回调到当前页面（支付成功失败取消），MWEB需要指定重定向地址（支付成功失败取消），APP就需要SDK回调了（支付成功失败取消），这三种形式都会有通知回调来处理（支付成功）逻辑）。将坑都写出来，希望能告诫初做微信支付者不要踩啊。。。

补充：微信扫码支付

公众号支付是手机端的微信公众号H5页面支付，这种支付方式必须是在微信内置浏览器发起。

扫码支付分为模式一和模式二，模式一主要为线下服务，该模式是先扫码，再生成订单，商户先为自己的商品生成二维码连接，然后用户扫码之后决定是否购买，二维码无过期时间，比如自动售卖机大多采用这种模式；模式二主要为线上电商服务，用户选择商品后生成订单，根据订单生成二维码，然后支付，该二维码为临时二维码。
申请入口：登录商户平台-->产品中心-->我的产品-->支付产品-->扫码支付

设置扫码支付回调链接：登录商户平台-->产品中心-->开发配置

采用模式二：

$param->appid = $this->wxConfig[$business_code]['APP_ID'];

        $param->mch_id = $this->wxConfig[$business_code]['MCH_ID'];

        $param->nonce_str = $this->getNonceStr();

        $param->body = "xxx";

        $param->notify_url = $this->wxConfig[$business_code]['notify_url'];

        $param->trade_type = 'NATIVE';

        $param->sign = $this->MakeSign($param->getParam());

        $xml = $this->ToXml($param->getParam());

        $response = $this->postXmlCurl($xml,WxConf::UNIFIEDOR_ORDER_URL,false,6);

        return $this->FromXml($response);

统一下单后会生成一个 code_url : weixin://wxpay/bizpayurl?pr=DBJQsA6

利用第三方二维码工具生成二维码

最好扫码进行支付回调OK

相关文章