Laravel5.2使用Captcha產生驗證碼實作登入方法

最近有朋友要我幫忙弄一下laravel的驗證碼登陸，所以稍稍研究了一下。本文主要介紹了Laravel5.2使用Captcha產生驗證碼（session巨坑）,需要的朋友可以參考下，希望能幫助到大家。

首先，安裝laravel就不用在下贅述了吧，我的版本是5.2.45（註：laravel5.2.6以上的版本中間件可以自動載入），這還是挺重要的。

安裝完成之後，你需要使用composer來載入你的Captcha，具體方法就是在你的composer.json中的require數組中加上"gregwar/captcha":"1.*"這行程式碼。然後嘞，就在你的專案根目錄下使用cmd來執行composer update這行程式碼。這樣一來的話，就算是安裝上這個函式庫或是中間件了。之後就可以放肆的寫你的程式碼了。

php：（具體的路由啥的在下就不做太多的贅述了，只寫關鍵程式碼）

public function captcha($tmp)
{  //生成验证码图片的Builder对象，配置相应属性
  $builder = new CaptchaBuilder;
  //可以设置图片宽高及字体
  $builder->build($width = 100, $height = 40, $font = null);
  //获取验证码的内容
  $phrase = $builder->getPhrase();
  //把内容存入session
  Session::flash('milkcaptcha', $phrase);
  //生成图片
  header("Cache-Control: no-cache, must-revalidate");
  header('Content-Type: image/jpeg');
  $builder->output();
}

blade模板的呼叫：

<img src="{{url(&#39;/captcha/1&#39;)}}" alt="" onclick="this.src=&#39;{{url(&#39;/captcha&#39;)}}/&#39;+Math.random()" width="100" height="40" border="0">

  如果你以為這樣就完事了的話，那你真的是too yang too simple了。在你驗證的時候你會發現怎麼樣都是錯誤。

是不是很酸爽。因為在laravel5.2中，所有的session都是不能跨控制器、方法的，如果跨的話，session會重新生成，預設session的傳遞需要經過中間件。不要著急，接下來的方法就是解決之道。目前本人所知有兩種解決方案，一就是自己建一個中間件，然後把所有的session都存放在其中，但是有點小麻煩，接下來本人介紹一種簡單的方法，在你的laravel\app \Http\Kernel.php 檔案裡的$middleware裡加上以下程式碼：

\Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode::class,
\Illuminate\Cookie\Middleware\EncryptCookies::class,
\Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
\Illuminate\Session\Middleware\StartSession::class,
\Illuminate\View\Middleware\ShareErrorsFromSession::class,

之後就可以放心的使用session了。這是在下的驗證驗證碼的方式，

public function login_data()
{
  $userInput = \Request::get('captcha');
  if (Session::get('milkcaptcha') == $userInput) {
    //用户输入验证码正确，验证你自己密码用户名
    echo 1;
  } else {
    //用户输入验证码错误
    echo 2;
  }
}

最後不得不吐槽一下laravel的官方文檔，像這種坑都不提前說明，估計是擔心開發者開發的太順心了吧。

相關推薦：

透過使用node.js+ca​​ptchapng+jsonwebtoken完成登入驗證

關於Captcha範例的10篇文章推薦

分享Nodejs中用captchapng產生圖片驗證碼的實例

#

以上是Laravel5.2使用Captcha產生驗證碼實作登入方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！