Laravel: Breeze

phunsanit

3 ปี ago

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

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