實現思路
- 生成一個二維碼，加入要處理的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_baseresponse_type=codestate=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+laravel 掃碼二維碼簽到功能
- Thinkphp使用Zxing擴展庫解析二維碼內容圖文講解
- PHP基于phpqrcode類生成二維碼的方法示例詳解
- PHP基于phpqrcode類庫生成二維碼過程解析
- thinkphp3.2框架集成QRcode生成二維碼的方法分析
- PHP生成二維碼與識別二維碼的方法詳解【附源碼下載】
- php生成二維碼不保存服務器還有下載功能的實現代碼
- PHP二維碼的生成與識別案例
