Laravel: Breeze

phunsanit

4 ปี ago

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 / JS
php 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 ไว้ก่อนเริ่มการติดตั้งครับ

อ่านเพิ่มเติม