[เริ่มต้นกับ PHP] คู่มือฉบับสมบูรณ์สำหรับดาวน์โหลดและติดตั้ง XAMPP!

"คัดลอกโค้ด PHP มาแล้ว แต่พอเปิดในเบราว์เซอร์ โค้ดกลับแสดงเป็นตัวหนังสือเฉยเลย..."
"ทำไมดับเบิลคลิกแล้วไม่ทำงานเหมือนไฟล์ HTML! ทำไมล่ะ?"

เมื่อเริ่มเรียนรู้ PHP กำแพงด่านแรกที่ทุกคนต้องเจอคือ "การเตรียมสภาพแวดล้อมในการพัฒนา (Development Environment)" ครับ PHP นั้นแตกต่างจาก HTML และ CSS ตรงที่ต้องอาศัยสภาพแวดล้อมพิเศษที่เรียกว่า "เซิร์ฟเวอร์" เพื่อให้สามารถทำงานบนคอมพิวเตอร์ของคุณได้

แต่ไม่ต้องกังวลไปครับ กำแพงนี้ใครๆ ก็สามารถข้ามผ่านไปได้อย่างง่ายดาย เพียงแค่รู้ขั้นตอนที่ถูกต้อง ในบทความนี้ เราจะอธิบายทุกขั้นตอนอย่างละเอียด ตั้งแต่การดาวน์โหลดและติดตั้ง "XAMPP" ซึ่งเป็นสภาพแวดล้อมการพัฒนาแบบครบวงจรที่ใช้งานได้ฟรี ไปจนถึงการรันโปรแกรม PHP แรกของคุณ รับรองว่าเข้าใจง่ายที่สุด

เมื่ออ่านบทความนี้จบ คุณจะสามารถเปลี่ยนคอมพิวเตอร์ของคุณให้กลายเป็นเซิร์ฟเวอร์สำหรับพัฒนาเว็บ และเป็นการเริ่มต้นที่ดีที่สุดสำหรับการสร้างเว็บไซต์แบบไดนามิกด้วย PHP!

1. XAMPP คืออะไร และทำไมถึงจำเป็น?

ก่อนจะเข้าเรื่องหลัก เรามาทำความรู้จักกับ XAMPP กันสักนิดนะครับ

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

ถ้าเปรียบการสร้างเว็บไซต์เป็นการทำอาหาร XAMPP ก็เหมือนกับ "ชุดครัวสำเร็จรูป" ที่มีทั้งเตา, โต๊ะเตรียม, อ่างล้างจาน และตู้เย็นครบครัน แค่มีสิ่งนี้ คุณก็แค่เตรียมวัตถุดิบ (โค้ด PHP) แล้วก็เริ่มทำอาหาร (สร้างเว็บไซต์) ได้ทันที

2. ขั้นตอนการดาวน์โหลด XAMPP

เอาล่ะ เรามาเริ่มดาวน์โหลดโปรแกรมติดตั้ง XAMPP กันเลย

1. เข้าไปที่เว็บไซต์ทางการ
   ก่อนอื่น ให้เข้าไปที่เว็บไซต์ทางการของ XAMPP ที่ชื่อว่า "Apache Friends" ครับ อาจมีเว็บไซต์ปลอมอยู่ด้วย ดังนั้นควรดาวน์โหลดจากเว็บทางการเสมอ
   https://www.apachefriends.org/index.html
2. เลือกเวอร์ชันที่เหมาะกับระบบปฏิบัติการของคุณ
   เมื่อเข้าสู่เว็บไซต์ จะมีปุ่มดาวน์โหลดสำหรับ Windows, Linux, และ OS X (Mac) ให้เลือก ให้คลิกที่ปุ่มซึ่งตรงกับคอมพิวเตอร์ของคุณ
   
   สิ่งที่สำคัญตรงนี้คือเวอร์ชันของ PHP ครับ หากไม่มีเหตุผลพิเศษอะไร ให้เลือกเวอร์ชันล่าสุดที่เสถียรซึ่งอยู่บนสุดได้เลย (เช่น 8.2.x)
   (ในส่วนนี้ควรมีภาพหน้าจอที่ชี้ไปยังปุ่มดาวน์โหลดสำหรับ Windows พร้อมระบุเวอร์ชัน PHP ล่าสุด)
3. รอจนกว่าการดาวน์โหลดจะเสร็จสิ้น
   เมื่อคลิกปุ่มดาวน์โหลด โปรแกรมติดตั้ง (สำหรับ Windows จะเป็นไฟล์ `.exe`) จะเริ่มดาวน์โหลดโดยอัตโนมัติ ไฟล์มีขนาดค่อนข้างใหญ่ (ประมาณ 150MB) ดังนั้นอาจจะต้องรอสักครู่

3. ขั้นตอนการติดตั้ง XAMPP (สำหรับ Windows)

เมื่อดาวน์โหลดเสร็จแล้ว ก็ถึงเวลาติดตั้งกันครับ จะมีหน้าต่างยืนยันปรากฏขึ้นมาหลายขั้นตอน แต่ไม่ต้องกลัวไปครับถ้าเราเข้าใจความหมายของแต่ละขั้นตอนไปพร้อมๆ กัน ในที่นี้จะขออธิบายโดยใช้เวอร์ชัน Windows เป็นตัวอย่างนะครับ

1. รันโปรแกรมติดตั้ง
   ดับเบิลคลิกไฟล์ที่ดาวน์โหลดมา (เช่น `xampp-windows-x64-8.2.12-0-VS16-installer.exe`) เพื่อเริ่มการติดตั้ง
2. หน้าต่างแจ้งเตือน (UAC)
   ในตอนแรกอาจมีหน้าต่างแจ้งเตือนปรากฏขึ้นมา ข้อความ "Important! Because an activated User Account Control (UAC) on your system..." มีใจความว่า "เนื่องจาก UAC ถูกเปิดใช้งานอยู่ ฟังก์ชันบางอย่างอาจถูกจำกัด ดังนั้นโปรดหลีกเลี่ยงการติดตั้งใน `C:\Program Files`" ซึ่งเราสามารถคลิก "OK" แล้วไปต่อได้เลย ไม่มีปัญหาครับ
   (ในส่วนนี้ควรมีภาพหน้าจอของไดอะล็อกแจ้งเตือน UAC)
3. เริ่มตัวช่วยตั้งค่า (Setup Wizard)
   เมื่อหน้าต่าง "Setup" ปรากฏขึ้น ให้คลิก "Next >" เพื่อไปต่อ
4. เลือกส่วนประกอบ (Components)
   นี่คือหน้าจอสำหรับเลือกซอฟต์แวร์ที่จะติดตั้ง มีหลายตัวเลือก แต่สำหรับมือใหม่ถ้าไม่แน่ใจ ให้คงค่าเริ่มต้นที่ถูกเลือกไว้อยู่แล้วได้เลยครับ อย่างน้อยที่สุดให้ตรวจสอบว่ามีเครื่องหมายถูกที่ "Apache", "PHP" และ "MySQL" แล้วคลิก "Next >"
   (ในส่วนนี้ควรมีภาพหน้าจอของหน้าจอเลือก Components)
5. เลือกตำแหน่งที่จะติดตั้ง
   ตัดสินใจว่าจะติดตั้ง XAMPP ไว้ที่ไหน หากไม่มีเหตุผลพิเศษ ขอแนะนำอย่างยิ่งให้คงไว้ที่ค่าเริ่มต้นคือ "`C:\xampp`" ซึ่งจะช่วยหลีกเลี่ยงปัญหาที่เกิดจาก UAC ที่แจ้งเตือนไปก่อนหน้านี้ครับ คลิก "Next >"
6. เลือกภาษา
   ปัจจุบันมีให้เลือกแค่ English และ Deutsch (ภาษาเยอรมัน) ให้เลือก "English" แล้วคลิก "Next >"
7. เริ่มการติดตั้ง
   เมื่อข้อความ "Ready to Install" ปรากฏขึ้น นี่คือการยืนยันครั้งสุดท้ายก่อนติดตั้ง คลิก "Next >" เพื่อเริ่มการติดตั้ง
8. การแจ้งเตือนความปลอดภัยที่สำคัญของ Windows
   ระหว่างการติดตั้ง อาจมีหน้าต่างแจ้งเตือนจาก Windows Defender Firewall ว่าได้บล็อก "Apache HTTP Server" นี่คือการยืนยันว่าจะอนุญาตให้เข้าถึงจากเครือข่ายภายนอกหรือไม่ แม้ว่าเราจะใช้สำหรับการพัฒนาในเครื่องเท่านั้น แต่เพื่อให้ Apache ทำงานได้ปกติ ให้คลิก "อนุญาตให้เข้าถึง (Allow access)"
   (ในส่วนนี้ควรมีภาพหน้าจอของหน้าจอแจ้งเตือน Firewall)
9. การติดตั้งเสร็จสมบูรณ์
   เมื่อข้อความ "Completing the XAMPP Setup Wizard" ปรากฏขึ้น แสดงว่าการติดตั้งเสร็จเรียบร้อย! ให้เอาเครื่องหมายถูกออกจาก "Do you want to start the Control Panel now?" ก่อน แล้วคลิก "Finish" เพื่อปิดหน้าต่างไปครับ

4. วิธีใช้ XAMPP: การสตาร์ทเซิร์ฟเวอร์และรันโค้ด PHP

ยอดเยี่ยมมากครับ! ตอนนี้ "ห้องครัว" ของคุณถูกติดตั้งลงบนคอมพิวเตอร์เรียบร้อยแล้ว สุดท้าย เรามาลองจุดไฟที่เตา (สตาร์ทเซิร์ฟเวอร์) และรันโปรแกรม PHP แรกของเรากัน

1. เปิด XAMPP Control Panel
   ไปยังโฟลเดอร์ที่คุณติดตั้ง XAMPP ไว้ (เช่น `C:\xampp`) แล้วดับเบิลคลิกที่ `xampp-control.exe` เพื่อเปิดโปรแกรม เนื่องจากต้องใช้บ่อยครั้ง การสร้าง shortcut ไว้ที่หน้าจอก็สะดวกดีครับ
2. สตาร์ท Apache
   เมื่อ Control Panel แสดงขึ้นมา ให้มองหา "Apache" จากรายการ "Module" แล้วคลิกที่ปุ่ม "Start" ทางด้านขวาของแถวนั้น
   (ในส่วนนี้ควรมีภาพหน้าจอ Control Panel ที่ชี้ไปยังปุ่ม Start ของ Apache)
   หากสำเร็จ พื้นหลังของ "Apache" จะเปลี่ยนเป็นสีเขียว และในช่อง "Port(s)" จะมีตัวเลขเช่น "80, 443" ปรากฏขึ้นมา ตอนนี้เว็บเซิร์ฟเวอร์ของคุณทำงานแล้ว!
   ※ หากเกิดข้อผิดพลาดและไม่สามารถสตาร์ทได้ ส่วนใหญ่มักเกิดจากโปรแกรมอื่น (เช่น Skype) กำลังใช้พอร์ตหมายเลข 80 อยู่ ให้ลองปิดโปรแกรมที่เป็นสาเหตุดูก่อน แล้วลองกด Start ใหม่อีกครั้ง
3. ตรวจสอบโฟลเดอร์ `htdocs`
   จากนั้น ให้มองหาโฟลเดอร์ที่ชื่อ "`htdocs`" ภายในโฟลเดอร์ที่คุณติดตั้ง XAMPP (`C:\xampp`) โฟลเดอร์นี้คือ Root Directory ของเซิร์ฟเวอร์ในเครื่องของคุณ หรือก็คือชั้นบนสุดของเว็บไซต์นั่นเอง ไฟล์ที่คุณนำมาวางไว้ที่นี่จะสามารถเข้าถึงได้จากเบราว์เซอร์
4. สร้างไฟล์ PHP สำหรับทดสอบ
   ภายในโฟลเดอร์ `htdocs` ให้สร้างไฟล์ текстовый ใหม่ขึ้นมา แล้วเขียนโค้ดเพียง 1 บรรทัดดังนี้
   📋 คัดลอก

   <?php phpinfo(); ?>

   แล้วบันทึกไฟล์ด้วยชื่อ "`info.php`" ครับ `phpinfo()` เป็นฟังก์ชันที่มีประโยชน์มาก ใช้สำหรับแสดงข้อมูลการตั้งค่าปัจจุบันทั้งหมดของ PHP
5. เข้าถึงจากเบราว์เซอร์!
   ถึงขั้นตอนสุดท้ายแล้วครับ เปิดเว็บเบราว์เซอร์ (เช่น Chrome) ขึ้นมา แล้วพิมพ์ที่อยู่ต่อไปนี้ลงใน address bar จากนั้นกด Enter
   
   📋 คัดลอก

   http://localhost/info.php

   ถ้าหน้าเว็บแสดงโลโก้ PHP พร้อมกับข้อมูลการตั้งค่าต่างๆ เป็นแถวยาวๆ ปรากฏขึ้นมา แสดงว่าคุณทำสำเร็จแล้ว!
   (ในส่วนนี้ควรมีภาพหน้าจอของหน้าที่แสดงผล phpinfo() สำเร็จ)

สรุป

ยอดเยี่ยมมากครับ! ตอนนี้คุณได้มายืนอยู่บนจุดเริ่มต้นของการเขียนโปรแกรม PHP แล้ว ในบทความนี้ คุณสามารถทำสิ่งต่อไปนี้ได้แล้ว:

• เข้าใจว่าการรัน PHP ต้องใช้สภาพแวดล้อมแบบเซิร์ฟเวอร์
• ดาวน์โหลดและติดตั้ง XAMPP เพื่อสร้างสภาพแวดล้อมการพัฒนาบนเครื่องของคุณได้สำเร็จ
• สามารถสตาร์ทและหยุด Apache server ผ่าน XAMPP Control Panel ได้
• เรียนรู้วิธีแสดงผลไฟล์ PHP ที่อยู่ในโฟลเดอร์ `htdocs` ผ่านเบราว์เซอร์โดยใช้ `http://localhost/`

เพียงแค่มีสภาพแวดล้อมนี้ คุณก็สามารถทดลองรันโค้ด PHP ที่จะเรียนรู้ต่อไปได้ด้วยตัวเองเสมอ ความรู้สึก "สามารถรันโค้ดได้ด้วยตัวเอง" นี้สำคัญที่สุดในการเรียนรู้โปรแกรมมิ่งครับ

เอาล่ะครับ ตอนนี้คุณพร้อมแล้ว ในบทความถัดไป เราจะมาเริ่มเรียนรู้ไวยากรณ์ของ PHP กันอย่างจริงจัง!