於 2014/12/6, 7, 13, 14 受邀於 彰化師範大學 資訊工程學系系學會 進行 Laravel 工作坊，內容共分 12 個主題： 0. 工作坊簡介 - http://www.slideshare.net/shengyou/0-43453831 1. 開發環境建置 - http://www.slideshare.net/shengyou/1-43453834 2. 開發流程與工具介紹 - http://www.slideshare.net/shengyou/2-43453836 3. 專案啟動與設定 - http://www.slideshare.net/shengyou/3-43453837 4. Schema & Migration 操作 - http://www.slideshare.net/shengyou/4-schemamigration 5. Model & Seeding 整合 - http://www.slideshare.net/shengyou/5-modelseeding 6. 使用 Eloquent ORM - http://www.slideshare.net/shengyou/6-eloquent-orm 7. Route 機制 - http://www.slideshare.net/shengyou/7-route 8. View 與 Blade 樣板引擎 - http://www.slideshare.net/shengyou/8-view 9. 連結 Controller - http://www.slideshare.net/shengyou/9-controller 10. CRUD 綜合應用 - http://www.slideshare.net/shengyou/10-crud 11. 使用者認證 - http://www.slideshare.net/shengyou/11-43453858 12. 應用程式佈署 - http://www.slideshare.net/shengyou/12-43453865 完整課程訊息請見：http://www.laravel-dojo.com/courses/laravel4-first-class 程式碼範例請見：https://github.com/laravel-dojo/laravel4-first-class-example

1. Laravel 工作坊
使用者認證
shengyou @ 彰師大資工系學會 (2014.12.14)

2. 階段任務
• 了解 Laravel 的使用者認證機制
• 為專案應用程式增加使用者認證

3. 使用者認證

4. Laravel 的認證工具
• Laravel 原生就有內建認證類別 Auth；在專
案啟動時，就已經帶有 User Model；而在
artisan 指令內，也已經提供產生重設密碼
相關機制的指令
• 不過， App 本身要怎麼實作認證機制，則
留給開發人員自行決定
★ 官方文件：http://laravel.tw/docs/4.2/security

5. App 的認證機制
• 冊/帳號啟動機制 (Email)
• 登入/登出
• 忘記密碼/重設密碼
• 重寄認證信
P.S
本次工作坊 示範如何實作登入/登出的功能

6. 實作使用者認證

7. 登入/登出機制
AuthController@index
登入表單
AuthController@process
驗證資
清除登入資
任一頁面點擊
登出按鈕
AuthController@logout
返回首頁
返回首頁
登入機制
登出機制

8. 實作內容
• 實作一個 users 資料表，裡面 存使用者
帳號、密碼及 remember token，並準備
UserTableSeeder，至少設定一組帳密
• 實作 AuthController 處理登入/登出動作
• 實作登入頁、各Views 上登入/登出狀態的
判斷機制
• 設定 Route

9. 產生 users 資料表
• 用 artisan 指令建立一個 Migration 來產生
users 資料表，在 users 資料表內，至少要
有帳號、密碼及 remember token 三欄位
//
app/databases/migrations/create_users_table.php
Schema::create(‘users’,
function(Blueprint
$table)
{
$table-­‐>increments(‘id’);
$table-­‐>string(‘username’)-­‐>unique();
$table-­‐>string(‘password’);
$table-­‐>rememberToken();
$table-­‐>timestamps();
}

10. 產生帳號
• 新增 UserTableSeeder，並在裡面設定一組
帳號/密碼
P.S
記得在
DatabaseSeeder
裡開啟
UserTableSeeder，並執行
db:seed
//
app/databases/seeds/UserTableSeeder.php
public
function
run()
{
DB::table(‘users’)-­‐>truncate();
User::create([
‘username’
=>
‘{username}’,
‘password’
=>
Hash::make(‘{password}’),
]);
}

11. 顯示登入表單
• 若使用者還末登入，顯示登入表單填寫帳
號及密碼
//
app/views/login/index.blade.php
Form::open(['route'
=>
'auth.process',
'method'
=>
'POST',
'class'
=>
'form-­‐signin',
'role'
=>
'form'])
Form::text('username',
null,
['class'
=>
'form-­‐control',
'placeholder'
=>
'請輸入 的帳號',
'required',
'autofocus'])
Form::password('password',
['class'
=>
'form-­‐control',
'placeholder'
=>
'請輸入 的密碼',
'required'])
Form::submit('登入',
['class'
=>
'btn
btn-­‐lg
btn-­‐primary
btn-­‐
block'])
Form::close()

12. 驗證登入資
• 在 AuthController 裡接收登入資 並驗
證，假如成功的話就導回首頁，不成功的
話就返回登入頁
//
app/controllers/AuthController.php
if
(Auth::attempt(['username'
=>
Input::get('username'),
'password'
=>
Input::get('password')],
Input::get('remember-­‐
me')))
{
return
Redirect::route('home.index')-­‐>with('success',
'成
功登入');
}

13. 處理登出動作
• 將登入的使用者登出，動作完成後回到首
頁，並顯示成功提示
//
app/controllers/AuthController.php
public
function
logout()
{
Auth::logout();
return
Redirect::route('home.index')
-­‐>with('success',
'已成功登出');
}

14. View 相關判斷
• 原本在View 上面寫的 @if 判斷，改成真
正的登入判斷
//
app/views/partials/sidebar.blade.php
<h4>網站管理</h4>
@if
(Auth::check())
<p><span
class="label
label-­‐success">管理中</span>
<a
href="{{
route('auth.logout')
}}">登出</a></p>
@else
<p><a
href="{{
route('auth.login')
}}">登入</a></p>
@endif

15. Route 設定
• 將只提供給管理者用的 Route 組合成
group，並對該 group 加上 auth filter 以確
認 些 route 能登入後使用
//
app/routes.php
//
增加登入處理的
Route
Route::post('login/process',
['as'
=>
'auth.process'
,
'uses'
=>
'AuthController@process']);
Route::get('logout',
['as'
=>
'auth.logout'
,
'uses'
=>
'AuthController@logout']);
//
有管理者登入後才可以使用的
Route
放在
group
裡
Route::group(array('before'
=>
'auth'),
function()
{
});

16. 試試看
• 在本次的範例內，只有簡單的實作使用者
登入/登出的功能。花點時間查詢一下官方
文件，試著增加以下幾個功能：
- 使用者 冊 > 帳號啟動
- 忘記密碼 > 密碼重設

17. 階段檢查表
• 確認專案已完成前述提及的使用者認證機
制 4 個部份的動作，包括：
- DB migrate、seeding
- Views 更新
- 實作 Controller 動作
- Route 設定

18. 問與答
學員可開始練習、實作

19. 單元小結
• 在 個單元裡，我們說明學習如何使用
Laravel 的認證元件來實作登入、登出功能
• 下一個單元，我們將學習把實作完成的應
用程式 署至 PaaS 平台上，讓此應用程
式上線！