Laravel Breeze คือ Starter Kit ที่เรียบง่ายและทันสมัยที่สุดของ Laravel ออกแบบมาเพื่อให้ระบบล็อกอิน ( Authentication ) พื้นฐานเสร็จสมบูรณ์ภายในไม่กี่นาที โดยใช้เครื่องมือมาตรฐานอย่าง Blade หรือ Inertia (Vue/React) และ Tailwind CSS
คุณสมบัติหลัก ( Features )
Breeze มีฟีเจอร์ที่จำเป็นสำหรับการเริ่มต้นโปรเจกต์ครบถ้วน
- Authentication: ระบบสมัครสมาชิก ( Registration ), เข้าสู่ระบบ ( Login ), และออกจากระบบ ( Logout )
- Password Management: การรีเซ็ตรหัสผ่าน และการยืนยันรหัสผ่าน
- Email Verification: การยืนยันอีเมลผู้ใช้งาน
- Profile Management: หน้าแก้ไขข้อมูลส่วนตัวและลบบัญชีผู้ใช้
- API Support: รองรับการสร้าง API Authentication ผ่าน Laravel Sanctum
วิธีการติดตั้ง ( Installation )
ก่อนเริ่มติดตั้ง ตรวจสอบให้แน่ใจว่าคุณสร้างโปรเจกต์ Laravel ใหม่และเชื่อมต่อ Database เรียบร้อยแล้ว
- ติดตั้ง Breeze ผ่าน Composer
composer require laravel/breeze --dev - เลือก Stack ที่ต้องการ
คุณต้องรันคำสั่งphp artisan breeze:install
เพื่อเลือกรูปแบบ Frontend ที่ถนัด เช่นphp artisan breeze:install blade- Blade: ใช้เทมเพลต PHP มาตรฐาน ( ง่ายที่สุด )
- Livewire: สำหรับสร้าง UI แบบ Dynamic ด้วย PHP
- Vue / React: ผ่าน Inertia.js (สำหรับ Single Page Application)
- API Only: สำหรับทำ Backend อย่างเดียว
- Migrate ฐานข้อมูลและ Compile Asset
หลังจากติดตั้งไฟล์สำเร็จ ให้รันคำสั่งเพื่อสร้าง Table และจัดเตรียมไฟล์ CSS / JSphp artisan migrate
npm install
npm run dev
วิธีใช้งาน ( Usage )
การเข้าถึงหน้าเว็บ
เมื่อติดตั้งเสร็จ คุณจะพบปุ่ม Log in และ Register ที่มุมขวาบนของหน้า Welcome หรือเข้าผ่าน URL โดยตรง
- your-app.test/login
- your-app.test/register
การจัดการ Route และ Controller
ไฟล์ทั้งหมดที่ Breeze สร้างขึ้นจะถูกเก็บไว้ในที่ที่แก้ไขง่าย
- Routes: เช็คได้ที่ไฟล์
routes/auth.php - Controllers: อยู่ใน
app/Http/Controllers/Auth/ - Views: อยู่ใน
resources/views/auth/และresources/views/layouts/
การจำกัดการเข้าถึง ( Middleware )
คุณสามารถป้องกันไม่ให้ผู้ที่ยังไม่ได้ล็อกอินเข้าถึงหน้าบางหน้าได้ง่ายๆ ใน routes/web.php
Route::get('/dashboard', function () {
return view('dashboard');
})->middleware(['auth', 'verified'])->name('dashboard');
ข้อควรระวัง: การติดตั้ง Breeze จะเข้าไป Overwrite ไฟล์บางส่วนในโปรเจกต์ ( เช่น Home หรือ Layout ) หากคุณมีโค้ดเดิมอยู่แล้ว ควรทำการ Backup หรือทำ Git Commit ไว้ก่อนเริ่มการติดตั้งครับ
อ่านเพิ่มเติม