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

吾爱主题阅读：107 2021-11-05 16:26:00 评论：0

实现思路

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

效果展示

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

实现

步骤生成二维码

1 2 3 //我的url指向了checkTerrace方法 $url = self::ADMIN_URL . 'params=' . $params ; //ADMIN_URL是生成二维码的url，请替换成自己

处理用户扫码操作(checkTerrace方法)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 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 ; } }

判断扫码终端

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 /** * 判断扫码终端 * * @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; } }

生成订单

1 2 3 4 5 6 7 8 9 10 11 12 13 /** * 生成订单 * * @param string $pay_type * @param json $params * @return void * @date 2021-02-04 */ //这个逻辑就不贴代码了 private function createOrder( $pay_type , $params ) { /*生成订单相关逻辑代码*/ }

支付宝支付

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 /** * 唤起支付宝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 ; }

微信支付

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 /** * 唤起微信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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 /** * 获取用户的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' ]; } }

前端轮询判断监听订单支付状态

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 $( 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); })