实现思路
效果展示
提示: 因为项目即将上线,所以上面的支付二维码连接被我替换了(注意在生成二维码时加入的连接,要带上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 支付宝和微信支付内容请搜索小牛知识库以前的文章或继续浏览下面的相关文章希望大家以后多多支持小牛知识库!
本文向大家介绍php实现微信和支付宝支付的示例代码,包括了php实现微信和支付宝支付的示例代码的使用技巧和注意事项,需要的朋友参考一下 php实现微信支付 微信支付文档地址:https://pay.weixin.qq.com/wiki/doc/api/index.html 在php下实现微信支付,这里我使用了EasyWeChat 这里我是在Yii框架实现的,安装EasyWeChat插件 一:配置E
本文向大家介绍Python提取支付宝和微信支付二维码的示例代码,包括了Python提取支付宝和微信支付二维码的示例代码的使用技巧和注意事项,需要的朋友参考一下 支付宝或者微信支付导出的收款二维码,除了二维码部分,还有很大一块背景图案,例如下面就是微信支付的收款二维码: 有时候我们仅仅只想要图片中间的方形二维码部分,为了提取出中间部分,我们可以使用图片处理软件,但图片处理软件不利于批处理,且学习也需
本文向大家介绍微信、支付宝二码合一扫码支付实现思路(java),包括了微信、支付宝二码合一扫码支付实现思路(java)的使用技巧和注意事项,需要的朋友参考一下 一、支付二维码(预订单) 根据需要购买的信息创建预订单,将订单信息保存到Redis中,并设置有效期,注意生产二维码的链接后的参数可以关联到Redis中的key; QRCode 为servlet扫码请求的URL; UUIDUtils.get
本文向大家介绍Java将微信和支付宝支付的个二维码合二为一的方法,包括了Java将微信和支付宝支付的个二维码合二为一的方法的使用技巧和注意事项,需要的朋友参考一下 因公司需要将支付宝和微信的二维码合成一个,不管用户用支付宝扫还是微信扫都能打开对应的支付页面,在网上找了一些文章,很感谢各位大神的经验,我也记录下我是如何将两个二维码合二为一的~。 原理:支付宝或微信生成的二维码中本质都内嵌了一个url
本文向大家介绍支付宝支付开发——当面付条码支付和扫码支付实例,包括了支付宝支付开发——当面付条码支付和扫码支付实例的使用技巧和注意事项,需要的朋友参考一下 本文介绍支付宝中当面付下属的条码支付、扫码支付、订单查询、退款申请的集成开发过程。 本文分为以下五个部分: 条码支付和扫码支付介绍 申请应用 密钥生成及配置 API及SDK集成 条码支付、扫码支付、订单查询、退款申请 一、条码支付及二维码支
本文向大家介绍基于C#实现微信支付宝扫码支付功能,包括了基于C#实现微信支付宝扫码支付功能的使用技巧和注意事项,需要的朋友参考一下 为公司系统业务需要,这几天了解了一下微信和支付宝扫码支付的接口,并用c#实现了微信和支付宝扫码支付的功能。 微信支付分为6种支付模式:1.付款码支付,2.native支付,3.jsapi支付,4.app支付,5.h5支付,6.小程序支付 我在这里用到的是native支