🟠 Laravel

เริ่มต้นเขียนเว็บด้วย Laravel: สร้างโปรเจกต์ใหม่ ทำความเข้าใจโครงสร้างไฟล์ และไฟล์ .env

6 นาที 18 views บันทึกเป็น PDF
เริ่มต้นเขียนเว็บด้วย Laravel: สร้างโปรเจกต์ใหม่ ทำความเข้าใจโครงสร้างไฟล์ และไฟล์ .env

มือใหม่หัดใช้ Laravel ต้องรู้! สอนวิธีสร้างโปรเจกต์ด้วย Artisan, อธิบายโครงสร้างโฟลเดอร์ที่จำเป็น และการตั้งค่าไฟล์ .env อย่างปลอดภัยสำหรับโปรเจกต์แรก

ทำความรู้จัก Laravel และการสร้างโปรเจกต์ด้วย Artisan/Installer

เมื่อคุณก้าวเข้าสู่โลกของ Laravel ซึ่งเป็น Framework (โครงสร้างโปรแกรมสำเร็จรูปที่ช่วยให้เราเขียนเว็บได้เร็วและปลอดภัยขึ้น) คุณจะพบว่ามันเหมือนกับการซื้อบ้านจัดสรรครับ แทนที่คุณจะต้องก่ออิฐฉาบปูนเองทั้งหมด Laravel ได้เตรียมโครงสร้างพื้นฐาน ระบบความปลอดภัย และเครื่องมือจัดการฐานข้อมูลมาให้เรียบร้อยแล้ว ทำให้คุณโฟกัสแค่การออกแบบฟีเจอร์ของแอปพลิเคชันได้เลย

การจะเริ่มต้นสร้างบ้านใน Laravel เรามีเครื่องมือสำคัญสองอย่างคือ Laravel Installer (เครื่องมือติดตั้งผ่าน Command Line) และ Artisan (ผู้ช่วยอัจฉริยะที่มาพร้อมกับ Laravel) โดย Artisan เปรียบเสมือนเลขาฯ ส่วนตัวที่คุณสามารถสั่งงานผ่าน Terminal ได้ตลอดเวลา เช่น การสร้างไฟล์โค้ดใหม่ หรือการย้ายฐานข้อมูล

ก่อนจะเริ่ม ให้มั่นใจว่าคุณติดตั้ง Composer (เครื่องมือจัดการโปรแกรมเสริมสำหรับภาษา PHP) เรียบร้อยแล้ว จากนั้นทำตามขั้นตอนการสร้างโปรเจกต์ดังนี้ครับ:

  1. เปิด Terminal แล้วพิมพ์คำสั่ง composer global require laravel/installer เพื่อติดตั้งตัวช่วยสร้างโปรเจกต์
  2. เมื่อติดตั้งเสร็จ ให้พิมพ์คำสั่ง laravel new my-first-app เพื่อสร้างโปรเจกต์ชื่อ my-first-app
  3. เข้าไปในโฟลเดอร์โปรเจกต์ด้วยคำสั่ง cd my-first-app

ผลลัพธ์ที่คุณควรเห็นคือโฟลเดอร์โปรเจกต์ใหม่ที่เต็มไปด้วยไฟล์และโฟลเดอร์ย่อยมากมาย ซึ่งนั่นคือโครงสร้างที่ทีมพัฒนา Laravel ออกแบบมาให้เราใช้งานอย่างเป็นระบบครับ

สำรวจโครงสร้าง Folder เพื่อทำความเข้าใจการทำงาน

เมื่อเราเปิดโปรเจกต์ขึ้นมาใน IDE (โปรแกรมสำหรับเขียนโค้ด เช่น VS Code) คุณจะเห็นไฟล์จำนวนมากจนอาจจะรู้สึกตกใจ แต่ไม่ต้องกังวลครับ เพราะในฐานะมือใหม่ คุณยังไม่ต้องเข้าใจทุกไฟล์ในทันที ให้ลองโฟกัสที่โฟลเดอร์หลักๆ ที่เราต้องใช้งานบ่อยๆ ดังนี้ครับ

โฟลเดอร์ app คือหัวใจของระบบ ที่นี่จะเก็บโค้ดส่วนใหญ่ที่คุณเขียนเอง เช่น Logic (ตรรกะการทำงาน) ของแอป ส่วนโฟลเดอร์ routes คือแผนที่บอกว่าเมื่อผู้ใช้เข้าเว็บผ่าน URL นี้ จะต้องวิ่งไปหาโค้ดส่วนไหน และโฟลเดอร์ resources จะเก็บไฟล์หน้าตาเว็บไซต์ เช่น HTML หรือ CSS ครับ

ลองดูโครงสร้างไฟล์ที่สำคัญผ่านตัวอย่างนี้ครับ:


/app          // ที่เก็บโค้ดหลักของโปรเจกต์
/routes       // กำหนดเส้นทาง URL ของเว็บไซต์
/database     // จัดการโครงสร้างฐานข้อมูล
/resources    // เก็บไฟล์หน้าตาเว็บ (HTML, CSS, JS)
/storage      // เก็บไฟล์ชั่วคราวและ Log ของระบบ

ข้อควรระวัง: มือใหม่มักจะพยายามแก้ไฟล์ในโฟลเดอร์ vendor ซึ่งเป็นไฟล์ระบบที่โหลดมาอัตโนมัติ ห้ามเข้าไปแก้ไขไฟล์ในนั้นเด็ดขาด เพราะหากคุณสั่งอัปเดตโปรเจกต์ สิ่งที่คุณแก้ไขจะหายไปทั้งหมด ให้แก้แค่ในโฟลเดอร์ app เท่านั้นครับ

ไฟล์ .env หัวใจสำคัญของการตั้งค่าโปรเจกต์

ไฟล์ .env คือไฟล์ที่มีความสำคัญสูงสุดในโปรเจกต์ครับ มันทำหน้าที่เป็น Configuration File (ไฟล์เก็บค่าตั้งค่า) ที่แยกออกมาต่างหาก เพื่อเก็บข้อมูลที่ละเอียดอ่อน เช่น ชื่อฐานข้อมูล รหัสผ่าน หรือคีย์ความปลอดภัยของแอปพลิเคชัน สิ่งนี้ช่วยให้คุณสามารถเปลี่ยนการตั้งค่าได้โดยไม่ต้องแก้โค้ดหลักของโปรแกรม

เปรียบเทียบง่ายๆ เหมือนกับป้ายชื่อร้านค้าที่แปะอยู่หน้าประตู ถ้าคุณต้องการเปลี่ยนชื่อร้าน คุณก็แค่เปลี่ยนป้าย ไม่ต้องรื้อกำแพงร้านใหม่ทั้งหมด ไฟล์ .env ก็เช่นกันครับ หากวันหนึ่งคุณย้ายฐานข้อมูลไปยัง Server ใหม่ คุณก็แค่มาแก้ไขข้อมูลในไฟล์นี้ไฟล์เดียว ทุกอย่างในโปรเจกต์ก็จะอัปเดตตามทันที

ตัวอย่างเนื้อหาภายในไฟล์ .env ที่คุณจะพบ:


APP_NAME=Laravel
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_DATABASE=my_database_name  // ชื่อฐานข้อมูล
DB_USERNAME=root              // ชื่อผู้ใช้ฐานข้อมูล
DB_PASSWORD=                  // รหัสผ่านฐานข้อมูล

จุดที่มือใหม่พลาดบ่อยที่สุด คือการเผลออัปโหลดไฟล์ .env ขึ้นไปบน GitHub (ระบบฝากโค้ดออนไลน์) ซึ่งเสี่ยงต่อการถูกแฮ็กข้อมูลสำคัญ ให้ตรวจสอบเสมอว่าในโปรเจกต์มีไฟล์ชื่อ .gitignore และระบุคำว่า .env ไว้แล้ว เพื่อป้องกันไม่ให้ไฟล์นี้หลุดออกไปสู่สาธารณะครับ

สรุป: การนำไปใช้จริงในการพัฒนาโปรเจกต์แรก

การเข้าใจการสร้างโปรเจกต์ด้วย Artisan และการจัดการไฟล์โครงสร้าง คือจุดเริ่มต้นของการเป็นมืออาชีพครับ การที่คุณรู้ว่าไฟล์ไหนทำหน้าที่อะไร จะช่วยให้คุณประหยัดเวลาในการเดาว่า "ต้องแก้โค้ดที่ไหน" และช่วยให้คุณเขียนโปรแกรมได้อย่างเป็นระเบียบตามมาตรฐานที่อุตสาหกรรมใช้กันจริง

ลองนึกภาพว่าคุณกำลังสร้างโปรเจกต์ "ระบบจัดการรายการงาน" (To-Do List) เมื่อคุณสร้างโปรเจกต์เสร็จ คุณจะเริ่มจากการเปิดไฟล์ routes/web.php เพื่อสร้างเส้นทางหน้าแรก จากนั้นเข้าไปที่ app/Http/Controllers เพื่อสร้างคำสั่งให้ระบบดึงข้อมูลงานออกมา และสุดท้ายคือการตรวจสอบฐานข้อมูลผ่านไฟล์ .env เพื่อให้มั่นใจว่าระบบเชื่อมต่อกับข้อมูลได้ถูกต้อง

เส้นทางของการเป็นโปรแกรมเมอร์ไม่ได้วัดกันที่ว่าคุณจำคำสั่งได้หมดไหม แต่วัดที่ความเข้าใจว่า "เครื่องมือทำงานร่วมกันอย่างไร" หากวันนี้คุณสร้างโปรเจกต์สำเร็จและเห็นหน้า Welcome ของ Laravel ได้ นั่นคือชัยชนะก้าวแรกที่ยิ่งใหญ่แล้วครับ ขอให้สนุกกับการสำรวจและเขียนโค้ดในโปรเจกต์แรกของคุณครับ!

แชร์บทความ

Facebook X LINE

บทความที่เกี่ยวข้อง

คู่มือ Laravel Optimization และการเตรียมโปรเจกต์ขึ้น Production สำหรับมือใหม่
Laravel

คู่มือ Laravel Optimization และการเตรียมโปรเจกต์ขึ้น Production สำหรับมือใหม่

เรียนรู้วิธีทำ Laravel Optimization, การ Cache Config และ Route เพื่อเพิ่มความเร็วเว็บไซต์ พร้อมขั้นตอนการเตรียมโปรเจกต์และ Deploy ขึ้นเซิร์ฟเวอร์อย่างมืออาชีพ

1 month ago 8 นาที
25 views
สอนสร้างเว็บด้วย Laravel 13: Workshop ทำระบบ CRUD ตั้งแต่เริ่มต้นจนใช้งานได้จริง
Laravel

สอนสร้างเว็บด้วย Laravel 13: Workshop ทำระบบ CRUD ตั้งแต่เริ่มต้นจนใช้งานได้จริง

เรียนรู้การพัฒนาเว็บแอปพลิเคชันด้วย Laravel 13 ตั้งแต่การออกแบบฐานข้อมูล Migration ไปจนถึงการจัดการ Logic ด้วย MVC สำหรับมือใหม่ที่อยากเป็นโปรแกรมเมอร์มืออาชีพ

1 month ago 10 นาที
21 views
คู่มือการใช้งาน Session, Flash Messages และ Notifications ใน Laravel สำหรับมือใหม่
Laravel

คู่มือการใช้งาน Session, Flash Messages และ Notifications ใน Laravel สำหรับมือใหม่

เรียนรู้การจัดการ Session ใน Laravel ตั้งแต่พื้นฐานการเก็บข้อมูลชั่วคราว การทำ Flash Messages แจ้งเตือนผู้ใช้ ไปจนถึงการใช้ระบบ Notifications แบบมืออาชีพ

1 month ago 10 นาที
26 views