ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

PHP实现一个二维码同时支持支付宝和微信支付

2021-02-18 12:32:48  阅读:118  来源: 互联网

标签:function res 微信 二维码 params pay return PHP


实现思路

  • 生成一个二维码,加入要处理的url连接
  • 在用户扫完码后,在对应的脚本中,判断扫码终端,调用相应的支付
  • 若能够扫码之后能唤起相应app,支付宝要用手机网站支付方式微信要使用jsapi支付方式

效果展示


提示: 因为项目即将上线,所以上面的支付二维码连接被我替换了(注意在生成二维码时加入的连接,要带上http协议)

实现步骤

  • 生成二维码

//我的url指向了checkTerrace方法
$url    = self::ADMIN_URL . 'params=' . $params; 
//ADMIN_URL是生成二维码的url,请替换成自己
  • 处理用户扫码操作(checkTerrace方法)

public function checkTerrace()
    {
      $pay_type = $this->getPayType(); //该方法使用来判断用户扫码终端的
      $params   = $this->request->get('params'); //生成二维码url带的参数(看个人需求,我的项目需要额外参数)
      $params   = $this->desDecode($params); //这里是因为我对参数进行了desc加密,看个人需求
      if ($pay_type === 'alipay') { //如果用户是通过支付宝扫码,进行支付宝相关操作
              if ($params === false) {
                  echo "系统错误!,请稍后重试";
                  exit;
              }
              $res = $this->createOrder($pay_type, $params);
              if (!$res) {
                  echo "系统错误,请稍后重试";
                  exit;
              }
              $this->aliPay($res);
      } elseif ($pay_type === 'wechat') { //如果用户是通过微信扫码,进行微信相关操作
              if ($params === false) {
                  echo "系统错误,请稍后重试";
                  exit;
              }
              $prepare = $this->wechat($pay_type, $params);
              $this->assign('json', $prepare);
              return $this->display('wpay.html');
      } elseif ($pay_type === false) {
              echo "请使用支付宝或微信进行扫码";
              exit;
      }
  }
  • 判断扫码终端
/**
 * 判断扫码终端
 *
 * @return string|boolean
 * @date 2021-02-04
 */
  private function getPayType()
  {
      if (strstr($_SERVER['HTTP_USER_AGENT'], 'AlipayClient')) {
          return "alipay";
      } elseif (strstr($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')) {
          return "wechat";
      } else {
          return false;
      }
  }
  • 生成订单
     /**
     * 生成订单
     *
     * @param string $pay_type
     * @param json $params
     * @return void
     * @date 2021-02-04
     */
    //这个逻辑就不贴代码了
    private function createOrder($pay_type, $params)
    {
        /*生成订单相关逻辑代码*/
    }
  • 支付宝支付
/**
     * 唤起支付宝app
     *
     * @param  array $api_params
     * @return void
     * @date 2021-02-04
     */
    private function aliPay($api_params)
    {
        $config = [
            'notify_url'          => '异步回调地址',
            'is_open_certificate' => true
        ];
        $domain = urlencode($api_params['domain']);
        $api = [
            'out_trade_no'    => $api_params['trade_no'],
            'total_amount'    => '0.01',
            'subject'         => '商品标题',
            'passback_params' => $domain
        ];
        $pay = new Pay($config); 
        $res = $pay->driver('alipay')->gateway('wap')->pay($api); //调用支付宝手机网站支付
        echo $res;
    }
  • 微信支付
/**
     * 唤起微信app 
     *
     * @return void
     * @date 2021-02-04
     */
    public function wechat($pay_type, $params)
    {
        $opend_id = $this->getOpenId(); //处理微信jsapi支付之前,要先获取用户的openID
        if (!$opend_id) {
            echo "微信授权失败...";
            exit;
        }
        $api_params = $this->createOrder($pay_type, $params); //用户openID获取成功后才进行订单生产操作
        if (!$api_params) {
            echo "系统错误,请稍后重试";
            exit;
        }
        $config = ['notify_url'    => '微信异步回调地址'];
        $api    = [
            'body'         => '我是标题',
            'out_trade_no' => $api_params['trade_no'],
            'total_fee'    => 1,    
            'openid'       => $opend_id,
            'attach'       => $api_params['domain']
        ];
        $pay = new Pay($config);
        $res = $pay->driver('wechat')->gateway('mp')->pay($api); //调用微信jsapi支付
        return $res;
    }
  • 静默获取openID
/**
     * 获取用户的openid
     *
     * @return void
     * @date 2021-02-04
     */
    public function getOpenId()
    {
        if (isset($_SESSION['open_id']) && $_SESSION['open_id']) {
            return $_SESSION['open_id'];
        }
        if (!$this->request->get('code')) {
            $redirect_uri = $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; //这里授权后微信跳转的地址,要写在订单处理处,否则会造成因为程序跳转到微信授权页面,导致脚本逻辑终止
            $redirect_uri = urlencode($redirect_uri);
            $url = $this->codeUrl . 'redirect_uri=' . $redirect_uri . '&appid=' . $this->appId . '&scope=snsapi_base&response_type=code&state=STATE#wechat_redirect'; //使用用户静默授权模式(因为我不需要获取用户信息所有就没采用用户手段授权模式)
            header("location:{$url}"); //跳转到微信授权页面
        } else {
            $openidurl = $this->openidUrl . 'appid=' . $this->appId . '&secret=' . $this->appSecret . '&code=' . $this->request->get('code') . '&grant_type=authorization_code';
            $data = Http::get($openidurl);
            $data = json_decode($data, true);
            if ($data['openid']) { 
                $_SESSION['open_id'] = $data['openid']; //获取到的用户openID存储到session中
            } else {
                $_SESSION['open_id'] = false;
            }
            return $_SESSION['open_id'];
        }
    }
  • 前端轮询判断监听订单支付状态

$(function() {

            $("#code").qrcode({
 //jQuery生成二维码
                width: 165, //宽度
                height: 167, //高度
                text: $('input[name="url"]').val() 
            });
            var startTime = Date.parse(new Date())/1000;
            //设置定时器
            var poll_request = setInterval( function() {
                    $.ajax({
                        url: '/company/StoreSetting/checkStatus',
                        data:{time:startTime},
                        dataType:'json',
                        type:'get',
                        success:function(res) {
                            if (res.code == 400) {
                                var result = clearTimer(poll_request, startTime);
                                if (result) {
                                    var html = `<img src="/Static/images/paybg.png">`+
                                               `<div class="notify" id="notify">`+
                                               `<img src="/Static/images/pay_time_out.png" alt="">`+
                                               `<span class="pay_tip">点击重新获取</span>`+
                                               `</div>`;
                                    $('.qrcode-img').empty();
                                    $('.qrcode-img').append(html);
                                }
                            } else if(res.code == 500) {
                                var html = `<img src="/Static/images/paybg.png">`+
                                               `<div class="notify">`+
                                               `<img src="/Static/images/pay_error.png" alt="">`+
                                               `<span class="pay_tip">已扫码<br>请在手机端操作</span>`+
                                               `</div>`;
                                $('.qrcode-img').empty();
                                $('.qrcode-img').append(html);
                                clearTimer(poll_request, startTime);
                            } else if(res.code == 200) {
                                clearInterval(poll_request)
                                layer.msg("支付成功", {icon:6}, function() {
                                    window.location.reload()
                                })
                                // layer.msg("支付成功", {icon:6}, function() {
                                    
                                // })
                            }
                        }
                    })
            }, 2000);
        })
        function clearTimer(index, startTime) {
            if (((Date.parse(new Date())/1000) - startTime) > 60) {
                clearInterval(index)
                return 'reload';
            }
            return false;
        }
        //刷新二维码
        $('.qrcode-img').on("click", '#notify', function() {
            $('.qrcode-img').empty()
            $("#code").qrcode({
                width: 165, //宽度
                height: 167, //高度
                text: $('input[name="url"]').val() 
            });
            var startTime = Date.parse(new Date())/1000;
            var poll_request = setInterval( function() {
                    $.ajax({
                        url: '/company/StoreSetting/checkStatus',
                        data:{time:startTime},
                        dataType:'json',
                        type:'get',
                        success:function(res) {
                            if (res.code == 400) {
                                var result = clearTimer(poll_request, startTime);
                                if (result) {
                                    var html = `<img src="/Static/images/paybg.png">`+
                                               `<div class="notify" id="notify">`+
                                               `<img src="/Static/images/pay_time_out.png" alt="">`+
                                               `<span class="pay_tip">点击重新获取</span>`+
                                               `</div>`;
                                    $('.qrcode-img').empty();
                                    $('.qrcode-img').append(html);
                                }
                            } else if(res.code == 500) {
                                var html = `<img src="/Static/images/paybg.png">`+
                                               `<div class="notify">`+
                                               `<img src="/Static/images/pay_error.png" alt="">`+
                                               `<span class="pay_tip">已扫码<br>请在手机端操作</span>`+
                                               `</div>`;
                                $('.qrcode-img').empty();
                                $('.qrcode-img').append(html);
                                clearTimer(poll_request, startTime);
                            } else if(res.code == 200) {
                                clearInterval(poll_request)
                                layer.msg("支付成功", {icon:6}, function() {
                                    window.location.reload()
                                })
                                // layer.msg("支付成功", {icon:6}, function() {
                                    
                                // })
                            }
                        }
                    })
            }, 2000); 
        })

前端效果:

  • 用户进入支付页面但是一直为扫码,超过一定时间
  • 用户扫码后一直未进行支付,超过一定时间

只是给大家提供了一个思路,希望能够对需要的人有些帮助

标签:function,res,微信,二维码,params,pay,return,PHP
来源: https://www.cnblogs.com/onepig/p/14411338.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有