實現(xiàn)思路
- 生成一個二維碼，加入要處理的url連接
- 在用戶掃完碼后，在對應的腳本中，判斷掃碼終端，調用相應的支付
- 若能夠掃碼之后能喚起相應app，支付寶要用手機網站支付方式，微信要使用jsapi支付方式
效果展示
提示： 因為項目即將上線，所以上面的支付二維碼連接被我替換了(注意在生成二維碼時加入的連接，要帶上http協(xié)議)
實現(xiàn)
步驟生成二維碼
//我的url指向了checkTerrace方法
$url = self::ADMIN_URL . 'params=' . $params;
//ADMIN_URL是生成二維碼的url，請?zhí)鎿Q成自己
處理用戶掃碼操作(checkTerrace方法)
public function checkTerrace()
{
$pay_type = $this->getPayType(); //該方法使用來判斷用戶掃碼終端的
$params = $this->request->get('params'); //生成二維碼url帶的參數(shù)(看個人需求，我的項目需要額外參數(shù))
$params = $this->desDecode($params); //這里是因為我對參數(shù)進行了desc加密，看個人需求
if ($pay_type === 'alipay') { //如果用戶是通過支付寶掃碼，進行支付寶相關操作
if ($params === false) {
echo "系統(tǒng)錯誤!，請稍后重試";
exit;
}
$res = $this->createOrder($pay_type, $params);
if (!$res) {
echo "系統(tǒng)錯誤，請稍后重試";
exit;
}
$this->aliPay($res);
} elseif ($pay_type === 'wechat') { //如果用戶是通過微信掃碼，進行微信相關操作
if ($params === false) {
echo "系統(tǒng)錯誤，請稍后重試";
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 "系統(tǒng)錯誤，請稍后重試";
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'];
}
}
前端輪詢判斷監(jiān)聽訂單支付狀態(tài)
$(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實現(xiàn)一個二維碼同時支持支付寶和微信支付的示例的文章就介紹到這了,更多相關PHP 支付寶和微信支付內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:- php+laravel 掃碼二維碼簽到功能
- Thinkphp使用Zxing擴展庫解析二維碼內容圖文講解
- PHP基于phpqrcode類生成二維碼的方法示例詳解
- PHP基于phpqrcode類庫生成二維碼過程解析
- thinkphp3.2框架集成QRcode生成二維碼的方法分析
- PHP生成二維碼與識別二維碼的方法詳解【附源碼下載】
- php生成二維碼不保存服務器還有下載功能的實現(xiàn)代碼
- PHP二維碼的生成與識別案例
