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 … 355 356 357 … 4,532 ถัดไป

Projects

  • Statement Columns Mapping Helper
  • PlusMagi Blocks
  • PlusMagi Site Search
  • PlusMagi Tags Reindex
  • jQuery Plus Repeater

Recent Posts

  • RustDesk: Remote Desktop
  • CORS
  • GANTZ
  • เดธโน้ต (Death Note)
  • Trivy: ตัวสแกนหาช่องโหว่ความปลอดภัย

Archives

Categories

  • .net core (16)
  • AI (52)
  • business (35)
  • Businesses (33)
  • cd (59)
  • ci (62)
  • culture (2)
  • data (5)
  • Design (161)
    • UX/UI (23)
  • devops (200)
  • devsecops (35)
  • dotnet (58)
  • envoy (2)
  • Histories (23)
  • history (2)
  • ios (4)
  • Life (1,219)
    • Books (62)
    • Cartoon (15)
    • Mindset (41)
    • Movies (36)
    • Philosophy (4)
    • Psychology (3)
    • Sci-Fi (56)
    • Tips and Tricks (67)
    • ปรัชญา (268)
    • พัฒนาตนเอง (883)
    • พุทธ (70)
    • สิ่งแวดล้อม (47)
  • mobile (1)
  • mystery (8)
  • net core (10)
  • Network (356)
    • Apache HTTP Server (19)
    • IOT (24)
    • Nginx (41)
    • Stalwart (6)
  • networking (131)
  • Operating Systems (450)
    • Unix-like (315)
      • Android (25)
        • F-Droid (6)
      • Homebrew (24)
      • iPhone (13)
      • Linux (197)
      • macOS (137)
        • OrbStack (12)
      • Oh My ZSH (4)
      • Shell Script (81)
      • SSH (15)
    • Windows (164)
      • PowerShell (28)
      • WSL (25)
  • Programming (1,728)
    • .NET (70)
      • .NET Core EF (7)
      • C# (62)
    • API (146)
      • REST (54)
      • Swagger (13)
    • Database (412)
      • DBeaver (5)
      • MariaDB (38)
      • MySql (81)
      • Oracle Database (8)
        • 10g (3)
      • PostgreSQL (30)
      • RDBMS (78)
      • SQL Server (91)
        • SSMS (10)
        • T-SQL (30)
      • SQLite (2)
    • PowerBuilder (20)
    • Python (27)
    • Rust (45)
    • System Analyst (SA) (98)
    • Testing (110)
      • Automated Testing (45)
        • Playwright (11)
    • UML (53)
    • Web (911)
      • Backend (590)
        • Golang (2)
        • Java (113)
          • Spring Boot (27)
        • Node.js (12)
        • PHP (281)
          • Laravel (60)
          • Yii (5)
      • Frontend (291)
        • CSS (28)
          • Tailwind CSS (6)
        • JavaScript (230)
          • Angular (4)
          • jQuery (70)
          • Tabulator (28)
          • Vue.js (7)
      • WordPress (28)
  • Programs (113)
    • Excel (20)
  • r (2)
  • science (10)
  • script (3)
  • SecDevOps (201)
    • CI/CD (12)
    • Docker (92)
    • GIT (61)
    • SVN (18)
  • Security (378)
  • sistema (1)
  • social (2)
  • system (376)
  • system analyst (31)
  • technology (927)
  • technologyระบบ (101)
  • technologyและระบบ (3)
  • typescript (10)
  • ui (63)
  • Uncategorized (8)
  • ux (58)
  • กฎหมาย (306)
  • การจัดการ (606)
  • การจัดการข้อมูล (351)
  • การจัดการข้อมูลและองค์ความรู้ (3)
  • การพัฒนาตนเอง (12)
  • การออกแบบ (77)
  • ข้อมูล (2)
  • คณิตศาสตร์ (31)
  • ความคิด (110)
  • ความปลอดภัย (224)
  • จริยธรรม (85)
  • จิตวิทยา (887)
  • ชีวิต (115)
  • ทั่วไป (16)
  • ธุรกิจ (622)
  • บุคคล (35)
  • บุคลากร (10)
  • บุคลิก (88)
  • ประวัติศาสตร์ (39)
  • ปัญญาประดิษฐ์ (28)
  • พฤติกรรม (168)
  • ภาษาศาสตร์คอมพิวเตอร์ (28)
  • ระบบ (359)
  • วัฒนธรรม (52)
  • วิชาการ (87)
  • วิชาการข้อมูล (64)
  • วิทยาการข้อมูล (162)
  • วิทยาการข้อมูลและภาษาศาสตร์คอมพิวเตอร์ (1)
  • วิทยาศาสตร์ (166)
  • วิทยาศาสตร์ข้อมูล (28)
  • สังคม (338)
  • สุขภาพ (210)
  • หนังสือ (2)
  • องค์ความรู้ (187)
  • ออกแบบ (18)
  • เทคโนโลยี (292)
  • เทคโนโลยีระบบ (156)
  • 기술 (1)
  • 사회 (1)
  • 시스템 (1)
  • 철학 (1)

Sirat WordPress Theme By VWThemes

Scroll Up
Go to mobile version