Skip to content

PlusMagi's Blog By Pitt Phunsanit

Plus emotional magic to the knowledge of logic.

  • About’s Pitt
Close Button
PlusMagi's Blog By Pitt Phunsanit Laravel Laravel: Jetstream

Laravel: Jetstream

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

การติดตั้ง 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
ป้ายกำกับ:Blade, Inertia, Livewire, Login, Register, Two-Factor Authentication, Vue.js

แนะแนวเรื่อง

PREVIOUS Previous post: Laravel: Breeze
NEXT Next post: Laravel: ระบบ login Breeze และ Jetstream

Projects

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

Recent Posts

  • Sci-Fi: นิยายไซไฟ
  • TabulatorPlus: ในแต่ละ Framework
  • Markdown: มาเริ่มเขียนกันเถอะ
  • jQuery: TabulatorPlus
  • จัดคิวยังไงดี Redis / RabbitMQ

Archives

Categories

  • AI (24)
  • Businesses (15)
  • Design (43)
    • UX/UI (12)
  • Histories (11)
  • Life (95)
    • Books (39)
    • Cartoon (3)
    • Movies (1)
    • Sci-Fi (5)
    • Tips and Tricks (25)
    • พุทธ (5)
  • Network (134)
    • Apache HTTP Server (15)
    • IOT (1)
    • Nginx (29)
    • Stalwart (5)
  • Operating Systems (266)
    • Unix-like (193)
      • Android (15)
        • F-Droid (5)
      • Homebrew (18)
      • iPhone (8)
      • Linux (116)
      • macOS (97)
        • OrbStack (11)
      • Oh My ZSH (4)
      • Shell Script (34)
      • SSH (11)
    • Windows (117)
      • PowerShell (24)
      • WSL (24)
  • Programming (718)
    • .NET (19)
      • .NET Core EF (6)
      • C# (17)
    • API (26)
      • REST (5)
      • Swagger (6)
    • Database (181)
      • DBeaver (3)
      • MariaDB (29)
      • MySql (67)
      • Oracle Database (6)
        • 10g (3)
      • PostgreSQL (8)
      • RDBMS (2)
      • SQL Server (85)
        • SSMS (8)
        • T-SQL (26)
      • SQLite (1)
    • PowerBuilder (10)
    • Python (5)
    • Rust (1)
    • System Analyst (SA) (20)
    • Testing (17)
      • Automated Testing (9)
        • Playwright (6)
    • UML (7)
    • Web (377)
      • Backend (239)
        • Golang (1)
        • Java (46)
          • Spring Boot (14)
        • Node.js (1)
        • PHP (192)
          • Laravel (16)
          • Yii (5)
      • Frontend (130)
        • CSS (17)
          • Tailwind CSS (5)
        • JavaScript (118)
          • Angular (3)
          • jQuery (61)
          • Tabulator (17)
          • Vue.js (5)
      • WordPress (25)
  • Programs (88)
    • Excel (10)
  • SecDevOps (70)
    • CI/CD (4)
    • Docker (36)
    • GIT (25)
  • Security (56)
  • Uncategorized (1)
  • กฎหมาย (7)

Sirat WordPress Theme By VWThemes

Scroll Up
Go to mobile version