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 API,Backend,Laravel Laravel: Jetstream

Laravel: Jetstream

2019-03-022019-03-02| phunsanitphunsanit| 0 Comment | 08:30
Categories:
  • API
  • Backend
  • 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

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

  • jQuery: 4.0.0 เกิดใหม่ แต่เหมือนแจ้งตาย
  • Java 16 (2021): Records (คลาสข้อมูลแบบ Immutable ที่ประกาศกระชับ ไม่ต้องเขียน Getter/Setter เอง) และ Pattern Matching สำหรับ instanceof
  • Java 15 (2020): Sealed Classes (การจำกัดสิทธิ์ว่าคลาสใดสามารถสืบทอดได้บ้าง) และ Hidden Classes
  • MacOs: จัดการจอในจอนอกด้วย BetterDisplay
  • Testing: ส่งเมล์ผ่าน command
Tags: api, Authentication, backend, 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

  • มือถือไม่เปิดเครื่องเอง เมื่อถึงเวลาปลุก
  • A-10 Thunderbolt II: ตำนานหมูป่าหุ้มเกราะ ผู้ครองน่านฟ้าสนับสนุนภาคพื้นดิน
  • เจาะลึก Lockheed Martin F-35 Lightning II: พลิกโฉมสงครามทางอากาศยุคที่ 5 และการประชันสมรรถนะของ 3 รุ่นย่อย
  • สถิติไร้พ่ายบนขอบอวกาศ: เจาะลึกตำนาน Lockheed SR-71 Blackbird
  • ย้อนรอย Lockheed Martin F-22 Raptor: ราชาแห่งการครองอากาศยุคที่ 5 ที่ไม่มีวันส่งออก

Archives

Categories

  • applied mathematics (302)
    • agriculture (20)
    • Astronomy (27)
    • Botany (93)
    • chemistry (42)
    • Cosmology (4)
    • Environmental Science (22)
    • physics (3)
    • statistics (2)
  • business (2,129)
    • Accounting (136)
    • Business Analysis (912)
    • collaboration (120)
    • Corporate Governance (4)
    • Finance (107)
    • Governance (10)
    • Marketing (67)
    • Operations Management (2)
    • Real Estate (31)
    • risk management (2)
  • computer science (3,067)
    • AI (494)
    • Biology (211)
      • Environment (54)
    • Cloud Computing (1,265)
    • Computer Engineering (29)
    • Data Transformation (208)
    • Data Visualization (66)
    • information retrieval (2)
    • Information Science (37)
    • Information Technology (88)
    • library science (3)
    • Mathematics (47)
    • technology (9)
    • เทคโนโลยี (194)
  • Design (337)
    • UX/UI (53)
  • engineering (1,293)
    • architecture (1,045)
    • Automotive (59)
    • Bioengineering (34)
    • Building Engineering (135)
    • Civil Engineering (94)
    • Electrical Engineering (10)
    • Mechanical Engineering (3)
    • Safety Engineering (3)
    • transportation (3)
    • urban planning (9)
  • Humanities (1,130)
    • Academia (709)
    • Archaeology (28)
    • art (160)
    • Communication (158)
    • Culture (183)
    • Education (4)
    • history (115)
    • Linguistics (20)
    • Literature (101)
    • media studies (3)
    • military history (3)
    • Religion (4)
    • social science (4)
    • Sociology (2)
    • Spirituality (2)
  • Law (314)
  • Life (2,163)
    • Accessibility (32)
    • Cartoon (146)
    • D.I.Y (78)
    • Health (203)
      • Safety (127)
    • Mindset (311)
    • Movies (200)
    • Philosophy (246)
    • Psychology (1,377)
      • Behavioral Science (1,249)
      • Cognitive Science (501)
    • Sci-Fi (93)
    • Tips and Tricks (60)
    • พุทธ (7)
  • management (875)
    • knowledge management (278)
      • Documentation (81)
    • productivity (5)
    • Project Management (16)
    • strategy (4)
  • Network (437)
    • IOT (27)
    • Nginx (27)
  • Operating Systems (613)
    • Linux (206)
    • macOS (151)
      • Homebrew (25)
    • Shell Script (45)
      • Oh My ZSH (5)
    • Windows (98)
      • PowerShell (25)
  • Programming (2,853)
    • .NET (199)
      • .NET Core EF (12)
      • C# (147)
    • API (838)
      • REST (8)
    • Database (705)
      • MariaDB (34)
      • MySql (66)
      • Oracle Database (24)
      • PostgreSQL (21)
      • RDBMS (55)
      • SQL Server (76)
        • T-SQL (26)
    • Programming Language (7)
    • Programming Languages (391)
      • Java (96)
      • PHP (238)
      • Python (13)
      • Rust (31)
    • Software Architecture (9)
    • Software Engineering (84)
    • System Analyst (SA) (66)
    • system architecture (5)
    • system design (7)
    • System Modeling (3)
    • Systems Programming (2)
    • Testing (140)
      • Automated Testing (127)
    • Web (2,566)
      • Apache HTTP Server (58)
      • Backend (2,363)
        • Laravel (54)
        • Spring Boot (15)
      • Frontend (382)
        • Angular (16)
        • CSS (67)
        • JavaScript (194)
        • jQuery (57)
        • Tabulator (24)
        • Tailwind CSS (4)
        • Vue.js (6)
      • WordPress (40)
  • SecDevOps (1,106)
    • automation (496)
    • CI/CD (349)
    • Docker (119)
    • GIT (56)
    • Hardware (84)
    • SVN (6)
    • system (248)
      • System Administration (37)
  • Security (629)
    • Authentication (248)
    • Cryptography (43)
    • Cybersecurity (349)
  • Uncategorized (1)

Sirat WordPress Theme By VWThemes

Scroll Up
Go to mobile version