Skip to content

PlusMagi's Blog By Pitt Phunsanit

Plus emotional magic to the knowledge of logic.

  • About’s Pitt
Close Button

Laravel: JetstreamLaravel: Jetstream

2023-04-082023-04-08| phunsanitphunsanit| 0 Comment | 07:00

การติดตั้ง Laravel Jetstream เป็นวิธีที่รวดเร็วที่สุดในการสร้างระบบ Login, Register, Two-Factor Authentication และการจัดการ Team โดย Jetstream จะมี Stack ให้เลือก 2 แบบคือ Livewire (เหมาะสำหรับสาย PHP / Blade) และ Inertia


  1. ติดตั้ง Jetstream Package
    ใช้ Composer เพื่อดึงตัวติดตั้ง Jetstream เข้ามาในโปรเจกต์
    composer require laravel/jetstream
  2. ในขั้นตอนนี้คุณต้องตัดสินใจว่าจะใช้ Stack ไหน
    • Livewire + Blade
      เหมาะสำหรับคนที่ถนัดเขียน PHP และต้องการความเร็วในการพัฒนาแบบดั้งเดิม
      php artisan jetstream:install livewire
    • Inertia + Vue
      เหมาะสำหรับคนที่ต้องการทำ Single Page Application โดยใช้ Vue.js
      php artisan jetstream:install inertia
      Note: หากต้องการระบบจัดการทีม ให้เติม --teams ต่อท้ายคำสั่ง เช่น
      php artisan jetstream:install livewire --teams
  3. ติดตั้ง Dependencies และ Compile Assets
    npm install
    npm run build
  4. ตั้งค่า Database และ Migrate
    ตรวจสอบไฟล์ .env ของคุณว่าเชื่อมต่อกับ Database ถูกต้องแล้ว จากนั้นรันคำสั่ง Migrate เพื่อสร้าง Table ต่าง ๆ
    php artisan migrate
  5. ตรวจสอบความเรียบร้อย
    ตอนนี้ระบบพร้อมใช้งานแล้ว คุณสามารถรัน Server เพื่อดูหน้าตาของ Dashboard ใหม่ได้เลย
    php artisan serve
  6. จากนั้นเข้าชมที่ http://127.0.0.1:8000/register เพื่อสร้าง User คนแรกครับ

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

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

Posts pagination

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

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 (14)
  • AI (32)
  • business (18)
  • Businesses (29)
  • cd (21)
  • ci (24)
  • culture (1)
  • Design (115)
    • UX/UI (23)
  • devops (47)
  • devsecops (8)
  • dotnet (19)
  • envoy (2)
  • 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 (243)
    • Apache HTTP Server (17)
    • IOT (3)
    • Nginx (37)
    • Stalwart (6)
  • Operating Systems (322)
    • Unix-like (237)
      • Android (16)
        • F-Droid (5)
      • Homebrew (21)
      • iPhone (8)
      • Linux (147)
      • macOS (116)
        • OrbStack (11)
      • Oh My ZSH (4)
      • Shell Script (57)
      • SSH (11)
    • Windows (139)
      • PowerShell (27)
      • WSL (25)
  • Programming (1,231)
    • .NET (46)
      • .NET Core EF (6)
      • C# (42)
    • API (77)
      • REST (24)
      • Swagger (11)
    • Database (319)
      • DBeaver (4)
      • MariaDB (36)
      • MySql (79)
      • Oracle Database (6)
        • 10g (3)
      • PostgreSQL (22)
      • RDBMS (53)
      • SQL Server (89)
        • SSMS (10)
        • T-SQL (29)
      • SQLite (2)
    • PowerBuilder (20)
    • Python (9)
    • Rust (44)
    • System Analyst (SA) (88)
    • Testing (49)
      • Automated Testing (22)
        • Playwright (7)
    • UML (50)
    • Web (635)
      • Backend (432)
        • Golang (2)
        • Java (85)
          • Spring Boot (16)
        • Node.js (6)
        • PHP (266)
          • Laravel (51)
          • Yii (5)
      • Frontend (185)
        • CSS (22)
          • Tailwind CSS (6)
        • JavaScript (148)
          • Angular (3)
          • jQuery (62)
          • Tabulator (20)
          • Vue.js (5)
      • WordPress (26)
  • Programs (104)
    • Excel (12)
  • science (5)
  • SecDevOps (139)
    • CI/CD (10)
    • Docker (67)
    • GIT (40)
  • Security (199)
  • sistema (1)
  • social (1)
  • system (130)
  • system analyst (12)
  • technology (378)
  • technologyระบบ (45)
  • technologyและระบบ (2)
  • ui (11)
  • Uncategorized (6)
  • ux (11)
  • กฎหมาย (11)
  • การจัดการข้อมูล (98)
  • การจัดการข้อมูลและองค์ความรู้ (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