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

2003-08-052003-08-05| 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
Tags: 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 Blocks
  • PlusMagi Site Search
  • PlusMagi Tags Reindex
  • jQuery Plus Repeater

Recent Posts

  • การเข้าสู่หน้า BIOS หรือ UEFI
  • SEO: แก้จุกจิกจู้จี้
  • Standard User (User ทั่วไป )Update Windows
  • Windows: ReFS คืออะไร NTFS ใหม่ ?
  • Windows: Check Disk

Archives

Categories

  • .net core (1)
  • art (1)
  • business (831)
    • Business Analysis (286)
    • Finance (31)
    • Real Estate (24)
  • cd (25)
  • ci (25)
  • CMS (15)
  • Communication (31)
  • Computer Hardware (1)
  • computer science (1,647)
    • AI (366)
    • Biology (43)
      • Environment (33)
    • Cloud Computing (300)
    • Data Visualization (39)
    • Mathematics (44)
  • container (2)
  • Culture (6)
  • Data Privacy (1)
  • Data Transformation (7)
  • Design (310)
    • UX/UI (43)
  • development (1)
  • devops (3)
  • digital marketing (1)
  • Education (2)
  • engineering (702)
    • architecture (600)
    • Building Engineering (45)
  • Hardware (2)
  • Health (157)
    • Safety (126)
  • Humanities (291)
    • Academia (89)
    • history (84)
    • Linguistics (14)
    • Literature (77)
  • Information Science (1)
  • Law (301)
  • Life (1,381)
    • Cartoon (24)
    • D.I.Y (37)
    • Mindset (305)
    • Movies (31)
    • Philosophy (211)
    • Psychology (996)
      • Behavioral Science (237)
      • Cognitive Science (194)
    • Sci-Fi (38)
    • Tips and Tricks (32)
    • พุทธ (7)
  • logistics (1)
  • management (873)
    • knowledge management (283)
      • Documentation (93)
    • productivity (4)
    • Project Management (11)
    • strategy (2)
  • Marketing (1)
  • Markup Languages (1)
  • media studies (1)
  • Network (384)
    • IOT (23)
    • Nginx (26)
  • networking (5)
  • operating system (5)
  • Operating Systems (524)
    • Linux (199)
    • macOS (137)
      • Homebrew (24)
    • Shell Script (38)
      • Oh My ZSH (5)
    • Windows (98)
      • PowerShell (26)
  • Process Modeling (1)
  • Programming (2,031)
    • .NET (115)
      • .NET Core EF (9)
      • C# (73)
    • API (394)
      • REST (8)
    • Database (606)
      • MariaDB (37)
      • MySql (69)
      • Oracle Database (24)
      • PostgreSQL (14)
      • RDBMS (42)
      • SQL Server (76)
        • T-SQL (26)
    • Programming Languages (360)
      • Java (95)
      • PHP (212)
      • Python (13)
      • Rust (31)
    • Software Architecture (6)
    • Software Engineering (40)
    • System Analyst (SA) (54)
    • Testing (115)
      • Automated Testing (101)
    • Web (1,284)
      • Apache HTTP Server (33)
      • Backend (991)
        • Laravel (54)
        • Spring Boot (15)
      • Frontend (302)
        • Angular (7)
        • CSS (45)
        • JavaScript (187)
        • jQuery (57)
        • Tabulator (24)
        • Tailwind CSS (4)
        • Vue.js (6)
      • WordPress (31)
  • Programming Language (1)
  • Religion (1)
  • SecDevOps (733)
    • automation (192)
    • CI/CD (134)
    • Docker (89)
    • GIT (56)
    • SVN (6)
    • system (220)
      • System Administration (14)
  • Security (370)
    • Authentication (62)
    • Cryptography (35)
    • Cybersecurity (163)
  • Server Infrastructure (1)
  • Software Development (2)
  • Software Development Practices (1)
  • Spirituality (1)
  • SQL (1)
  • Supply Chain Management (1)
  • system design (1)
  • Technical Support (1)
  • technology (1)
  • Technology History (1)
  • Uncategorized (577)
  • user experience (1)
  • visualization (1)
  • Web Design (1)
  • web development (8)
  • wellness (1)
  • นวนิยายสืบสวน (1)
  • วรรณกรรม (1)
  • เรื่องเล่า (1)

Sirat WordPress Theme By VWThemes

Scroll Up
Go to mobile version