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

前端效果:

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

用户扫码后一直未进行支付,超过一定时间

到此这篇关于PHP实现一个二维码同时支持支付宝和微信支付的示例的文章就介绍到这了,更多相关PHP 支付宝和微信支付内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • Spring Boot项目中集成微信支付v3

    1. 前言 最近忙的一批,难得今天有喘气的机会就赶紧把最近在开发中的一些成果分享出来.前几日分享了自己写的一个微信支付V3的开发包payment-spring-boot-starter,就忙里偷闲完善了一波.期间给微信支付提交了6个BUG,跟微信支付的产品沟通了好几天. 项目地址: https://github.com/NotFound403/payment-spring-boot 别忘记给个Star啊. 那么都完善了哪些内容呢?胖哥来一一介绍. 2. Maven 中央仓库 是的,不用再自行编译

  • 一篇文章带你入门Springboot整合微信登录与微信支付(附源码)

    0. 前期准备 在使用微信支付前,默认小伙伴已经具备以下技能: 熟练使用springboot(SSM) + Mybatis(plus)/JPA + HttpClient + mysql5.x 了解JWT 权限校验 阅读过微信开放平台微信支付与微信登录相关文档,可以简单看懂时序图 有微信开放平台开发者资质认证账户,具备开通微信支付(如果不具备的小伙伴可以找身边有的人借一下) 1. 微信扫码登录 1.1 微信授权一键登录功能介绍 简介:登录方式优缺点和微信授权一键登录功能介绍 # 1.手机号或者邮箱

  • Java后台实现微信支付和微信退款

    微信支付流程 都是我自己工作中开发的,亲测可用,不喜勿喷. controller中我是这么写的,你们需要根据自己的业务需求改动.ResponseBean是我自己封装的,你们可以改成你们想要的形式. /** * 微信统一下单接口 * @return */ @RequestMapping(value = "/doUnifiedOrder", method = RequestMethod.POST) public ResponseBean doUnifiedOrder(@RequestBod

  • Java调用微信支付功能的方法示例代码

    Java 使用微信支付 前言百度搜了一下微信支付,都描述的不太好,于是乎打算自己写一个案例,希望以后拿来直接改造使用. 因为涉及二维码的前端显示,所以有前端的内容 一. 准备工作 所需微信公众号信息配置 APPID:绑定支付的APPID(必须配置) MCHID:商户号(必须配置) KEY:商户支付密钥,参考开户邮件设置(必须配置) APPSECRET:公众帐号secert(仅JSAPI支付的时候需要配置) 我这个案例用的是尚硅谷一位老师提供的,这里不方便提供出来,需要大家自己找,或者公司提供 二

  • java微信支付功能实现源码

    提示:仅微信支付功能模块类,可供参考,可点赞 一.java后台实现源码 package cn.xydx.crowdfunding.controller; import cn.xydx.crowdfunding.util.HttpRequest; import cn.xydx.crowdfunding.util.WXPayUtil; import org.json.JSONObject; import org.springframework.stereotype.Controller; impor

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

    实现思路 生成一个二维码,加入要处理的url连接 在用户扫完码后,在对应的脚本中,判断扫码终端,调用相应的支付 若能够扫码之后能唤起相应app,支付宝要用手机网站支付方式,微信要使用jsapi支付方式 效果展示 提示: 因为项目即将上线,所以上面的支付二维码连接被我替换了(注意在生成二维码时加入的连接,要带上http协议) 实现 步骤生成二维码 //我的url指向了checkTerrace方法 $url = self::ADMIN_URL . 'params=' . $params; //ADM

  • Android中使用ZXing生成二维码(支持添加Logo图案)

    ZXing是谷歌的一个开源库,可以用来生成二维码.扫描二维码.本文所介绍的是第一部分. 首先上效果图: ZXing相关各种文件官方下载地址:https://github.com/zxing/zxing/releases 或者在这里下载(只有本项目所用的jar包,版本号:3.2.0):链接:http://pan.baidu.com/s/1pLqAR5x 1.生成二维码的工具类 /** * 二维码生成工具类 */ public class QRCodeUtil { /** * 生成二维码Bitmap

  • 利用jquery.qrcode在页面上生成二维码且支持中文

    实例如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>使用j

  • Python qrcode 生成一个二维码的实例详解

    借助第三方库qrcode实现. 二维码图片生成借助pillow qrcode的安装 在命令行中输入 pip install qrcode[pil] 用法: 1.在命令行中输入 qr "Some text" > test.png 2.在python中输入 import qrcode img = qrcode.make('Some data here') 高级用法: 使用QRCode类 import qrcode qr = qrcode.QRCode( version=1, erro

  • Android 二维码 生成和识别二维码 附源码下载

    今天讲一下目前移动领域很常用的技术--二维码.现在大街小巷.各大网站都有二维码的踪迹,不管是IOS.Android.WP都有相关支持的软件.之前我就想了解二维码是如何工作,最近因为工作需要使用相关技术,所以做了初步了解.今天主要是讲解如何使用ZXing库,生成和识别二维码.这篇文章实用性为主,理论性不会讲解太多,有兴趣可以自己查看源码. 1.ZXing库介绍 这里简单介绍一下ZXing库.ZXing是一个开放源码的,用Java实现的多种格式的1D/2D条码图像处理库,它包含了联系到其他语言的端口

  • Python用5行代码写一个自定义简单二维码

    python的优越之处就在于他可以直接调用已经封装好的包 首先,下载pillow和qrcode包  终端下键入一下命令: pip3 install pillow #python2 用pip install pillow pip3 install qrcode 实现代码: import qrcode # 定义一个类名 def qrcodeWithUrl(url): img = qrcode.make(url) # 生成一个二维码 savePath = "baidu.png" # 存储二维

  • PHP生成(支持多模板)二维码海报代码

    增加模板: 1.qrcode.*** 开头的 文件夹,比如:qrcode.demoABC 2.在第一步创建的文件夹中配置文件config.php,以上面的例子为:qrcode.demoABC/config.php <?php return array( //二维码部分 'level' => "L", //二维码校正级别,可选:L.M.Q.H 'matrix' => 6, //矩阵的大小, 1-10 'type' => 'png', //二维码 输出类型 /**

  • 二维码的生成细节和原理

    二维码又称QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的Bar Code条形码能存更多的信息,也能表示更多的数据类型:比如:字符,数字,日文,中文等等.这两天学习了一下二维码图片生成的相关细节,觉得这个玩意就是一个密码算法,在此写一这篇文章 ,揭露一下.供好学的人一同学习之. 关于QR Code Specification,可参看这个PDF:http://raidenii.net/files/datasheets/misc/qr_c

  • php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)

    怎么调用微信高级接口 微信高级接口和微信普通接口的区别 后台服务器可以调用微信的接口与微信用户进行讯息的通信,这样的行为就是在调用微信的接口,这些接口是基础接口,你不需要任何付费行为或者身份认证行为就可以调用.但是有一些高级接口,你的微信公众号必须达到一定的权限如通过微信认证才能调用自定义菜单.微信支付等高级功能. 不过微信公众帐号的测试号系统可以应用这些高级接口(微信支付等涉及交易的接口除外). 微信高级接口的调用 微信高级接口的调用需要先调用一个token_access接口,只有先调用这个接

  • 使用jquery.qrcode生成彩色二维码实例

    jquery.qrcode.js 是居于jquery类库的绘制二维码的插件,用它来实现二维码图形渲染支持canvas和table两种绘图方式.(jquery.qrcode.js 设置显示方式为table时在webkit核心浏览器如chrome下会变形,这个需要注意.) 下面为测试代码(增加了颜色控制,可以设置4个区块的颜色值,需要指定render为table.),效果如下: 代码如下: <html> <head> <title>JS生成二维码</title>

随机推荐