Laravel Breeze คือ Starter Kit ที่เรียบง่ายและทันสมัยที่สุดของ Laravel ออกแบบมาเพื่อให้ระบบล็อกอิน พื้นฐานเสร็จสมบูรณ์ภายในไม่กี่นาที โดยใช้เครื่องมือมาตรฐานอย่าง Blade หรือ Inertia (Vue/React) และ Tailwind CSS
คุณสมบัติหลัก
Breeze มีฟีเจอร์ที่จำเป็นสำหรับการเริ่มต้นโปรเจกต์ครบถ้วน
- Authentication: ระบบสมัครสมาชิก , เข้าสู่ระบบ , และออกจากระบบ
- Password Management: การรีเซ็ตรหัสผ่าน และการยืนยันรหัสผ่าน
- Email Verification: การยืนยันอีเมลผู้ใช้งาน
- Profile Management: หน้าแก้ไขข้อมูลส่วนตัวและลบบัญชีผู้ใช้
- API Support: รองรับการสร้าง API Authentication ผ่าน Laravel Sanctum
วิธีการติดตั้ง
ก่อนเริ่มติดตั้ง ตรวจสอบให้แน่ใจว่าคุณสร้างโปรเจกต์ 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
วิธีใช้งาน
การเข้าถึงหน้าเว็บ
เมื่อติดตั้งเสร็จ คุณจะพบปุ่ม 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/
การจำกัดการเข้าถึง
คุณสามารถป้องกันไม่ให้ผู้ที่ยังไม่ได้ล็อกอินเข้าถึงหน้าบางหน้าได้ง่าย ๆ ใน routes/web.php
Route::get ('/dashboard', function () { return view ('dashboard') ;
}) ->middleware (['auth', 'verified']) ->name ('dashboard') ;
ข้อควรระวัง: การติดตั้ง Breeze จะเข้าไป Overwrite ไฟล์บางส่วนในโปรเจกต์ หากคุณมีโค้ดเดิมอยู่แล้ว ควรทำการ Backup หรือทำ Git Commit ไว้ก่อนเริ่มการติดตั้งครับ
อ่านเพิ่มเติม