Skip to content

PlusMagi's Blog By Pitt Phunsanit

Plus emotional magic to the knowledge of logic.

  • About’s Pitt
Close Button

Laravel: BreezeLaravel: Breeze

2023-04-012023-04-01| phunsanitphunsanit| 0 Comment | 07:00

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 เรียบร้อยแล้ว

  1. ติดตั้ง Breeze ผ่าน Composer
    composer require laravel/breeze --dev
  2. เลือก 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 อย่างเดียว
  3. 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 ไว้ก่อนเริ่มการติดตั้งครับ


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

  • ติดตั้ง laravel ลั๊ลลาเวล
  • Laravel: Jetstream
Read MoreRead More

Posts pagination

ก่อนหน้า 1 … 315 316 317 … 1,767 ถัดไป

Projects

  • Statement Columns Mapping Helper
  • PlusMagi Site Search
  • jQuery Plus Repeater

Recent Posts

  • Linux: ตรวจสอบความถูกต้องของระบบด้วยสปีดขั้นสุด 🚀
  • Tarball: เป็น version control ?
  • SecDevOps: เปลี่ยนความปลอดภัยให้เป็นเนื้อเดียวกับ Code และ Operation
  • WordPress: ดูว่า post ทุก ๆ วันเสาร์ใช่มั๋ย
  • เทคนิคตั้งค่า umask 002 ให้กับทุก User บน Mac อัตโนมัติผ่าน Terminal (Batch Script)

Archives

Categories

  • .net core (13)
  • AI (32)
  • business (18)
  • Businesses (29)
  • cd (17)
  • ci (18)
  • Design (115)
    • UX/UI (23)
  • devops (25)
  • dotnet (18)
  • envoy (1)
  • Histories (20)
  • Life (172)
    • Books (57)
    • Cartoon (11)
    • Movies (25)
    • Sci-Fi (42)
    • Tips and Tricks (30)
    • ปรัชญา (16)
    • พัฒนาตนเอง (15)
    • พุทธ (10)
  • mystery (3)
  • net core (5)
  • Network (239)
    • Apache HTTP Server (17)
    • IOT (3)
    • Nginx (35)
    • Stalwart (6)
  • Operating Systems (315)
    • Unix-like (230)
      • Android (16)
        • F-Droid (5)
      • Homebrew (21)
      • iPhone (8)
      • Linux (140)
      • macOS (109)
        • OrbStack (11)
      • Oh My ZSH (4)
      • Shell Script (51)
      • SSH (11)
    • Windows (132)
      • PowerShell (27)
      • WSL (25)
  • Programming (1,216)
    • .NET (46)
      • .NET Core EF (6)
      • C# (42)
    • API (75)
      • REST (24)
      • Swagger (11)
    • Database (312)
      • DBeaver (3)
      • MariaDB (36)
      • MySql (78)
      • Oracle Database (6)
        • 10g (3)
      • PostgreSQL (21)
      • RDBMS (52)
      • SQL Server (88)
        • SSMS (9)
        • T-SQL (29)
      • SQLite (2)
    • PowerBuilder (20)
    • Python (8)
    • Rust (44)
    • System Analyst (SA) (88)
    • Testing (48)
      • Automated Testing (21)
        • Playwright (7)
    • UML (50)
    • Web (627)
      • Backend (426)
        • Golang (2)
        • Java (85)
          • Spring Boot (16)
        • Node.js (5)
        • PHP (264)
          • Laravel (51)
          • Yii (5)
      • Frontend (184)
        • CSS (22)
          • Tailwind CSS (6)
        • JavaScript (147)
          • Angular (3)
          • jQuery (62)
          • Tabulator (20)
          • Vue.js (5)
      • WordPress (26)
  • Programs (104)
    • Excel (12)
  • science (5)
  • SecDevOps (126)
    • CI/CD (10)
    • Docker (56)
    • GIT (39)
  • Security (187)
  • sistema (1)
  • social (1)
  • system (115)
  • system analyst (12)
  • technology (362)
  • technologyระบบ (39)
  • technologyและระบบ (2)
  • ui (11)
  • Uncategorized (6)
  • ux (11)
  • กฎหมาย (11)
  • การจัดการข้อมูล (97)
  • การจัดการข้อมูลและองค์ความรู้ (3)
  • จิตวิทยา (17)
  • ชีวิต (13)
  • ทั่วไป (2)
  • ธุรกิจ (16)
  • ประวัติศาสตร์ (3)
  • ภาษาศาสตร์คอมพิวเตอร์ (8)
  • ระบบ (59)
  • วัฒนธรรม (2)
  • วิทยาการข้อมูล (35)
  • วิทยาการข้อมูลและภาษาศาสตร์คอมพิวเตอร์ (1)
  • วิทยาศาสตร์ (13)
  • องค์ความรู้ (9)
  • เทคโนโลยี (20)
  • เทคโนโลยีระบบ (9)

Sirat WordPress Theme By VWThemes

Scroll Up
Go to mobile version