Laravel8 使用圖形驗(yàn)證碼做登錄功能的實(shí)現(xiàn)
一、 安裝擴(kuò)展包
composer require gregwar/captcha
二、定義路由
//路由分組 Route::group(['prefix'=>'admin','namespace'=>'Admin'],function (){ //登錄顯示 name給路由起一個別名 Route::get('login','LoginController@index')->name('admin.login'); //登錄方法 name給路由起一個別名 Route::post('login','LoginController@login')->name('admin.login'); //定義圖形驗(yàn)證碼路由 Route::get('img_code','CommonController@imgCode')->name('admin.img_code'); });
三、 生成圖形驗(yàn)證碼類
<?php namespace AppHttpControllersAdmin; use AppHttpControllersController; use CarbonCarbon; use GregwarCaptchaCaptchaBuilder; use GregwarCaptchaPhraseBuilder; class CommonController extends Controller { //驗(yàn)證碼 public function imgCode() { $phrase = new PhraseBuilder; // 設(shè)置驗(yàn)證碼位數(shù) $code = $phrase->build(4); // 生成驗(yàn)證碼圖片的Builder對象,配置相應(yīng)屬性 $builder = new CaptchaBuilder($code, $phrase); // 設(shè)置背景顏色25,25,112 $builder->setBackgroundColor(34, 0, 45); // 設(shè)置傾斜角度 $builder->setMaxAngle(25); // 設(shè)置驗(yàn)證碼后面最大行數(shù) $builder->setMaxBehindLines(10); // 設(shè)置驗(yàn)證碼前面最大行數(shù) $builder->setMaxFrontLines(10); // 設(shè)置驗(yàn)證碼顏色 $builder->setTextColor(230, 81, 175); // 可以設(shè)置圖片寬高及字體 $builder->build($width = 150, $height = 40, $font = null); // 獲取驗(yàn)證碼的內(nèi)容 $phrase = $builder->getPhrase(); // 把內(nèi)容存入 cache,10分鐘后過期 $client_id = md5( rand(1,1000).time()); Cache::put($client_id, $phrase, Carbon::now()->addMinutes(10)); // 組裝接口數(shù)據(jù) $data = [ 'client' => $client_id, 'captcha' => $builder->inline(), ]; return $data; } } 
四、接口調(diào)用
五、頁面展現(xiàn)
前臺頁面實(shí)現(xiàn)效果:
六、后臺登錄接口進(jìn)行校驗(yàn)驗(yàn)證碼是否正確
//登錄方法 public function login(Request $request) { //接收所有參數(shù) $params = $request->all(); //取出驗(yàn)證碼是否一致 $captcha = Cache::get($params['client']); if ($params['captcha'] != $captcha){ return redirect(route('admin.login'))->withErrors(['error' => '驗(yàn)證碼錯誤']); } }
到此這篇關(guān)于Laravel8 使用圖形驗(yàn)證碼做登錄的文章就介紹到這了,更多相關(guān)Laravel圖形驗(yàn)證碼內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
版權(quán)聲明:
本站所有文章和圖片均來自用戶分享和網(wǎng)絡(luò)收集,文章和圖片版權(quán)歸原作者及原出處所有,僅供學(xué)習(xí)與參考,請勿用于商業(yè)用途,如果損害了您的權(quán)利,請聯(lián)系網(wǎng)站客服處理。