home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การแก้ไขปัญหา >> ข้อผิดพลาด Windows

ติดตั้งและตั้งค่า XAMPP บน Windows 10 สำหรับพัฒนา PHP/MySQL

XAMPP คืออะไร? ทำไมนักพัฒนาควรใช้?

XAMPP = Web Server Package โอเพนซอร์ส Cross-platform (Windows, Linux, macOS) จาก Apache Friends รวมทุกอย่างที่ต้องการสำหรับพัฒนาเว็บ PHP/MySQL ในเครื่อง (Localhost) ได้เลย:

  • X = Cross-platform
  • A = Apache HTTP Server
  • M = MariaDB (แทน MySQL)
  • P = PHP
  • P = Perl

+ โมดูลเสริม: phpMyAdmin, OpenSSL, Webalizer, Mercury Mail, Tomcat, FileZilla FTP, WordPress, Drupal, Joomla... (ผ่าน Bitnami)

✅ ประหยัดเวลา: ไม่ต้องติดตั้ง Apache, MySQL, PHP แยกต่างหาก + ตั้งค่าคอนฟิกเอง

ติดตั้ง XAMPP บน Windows 10

1. ดาวน์โหลด

เข้า apachefriends.org → เลือกเวอร์ชัน PHP ที่ต้องการ (แนะนำ PHP 8.2+ ล่าสุด) → Download Windows Installer (.exe)

2. รันตัวติดตั้ง

  1. ดับเบิลคลิก .exe → Yes (UAC)
  2. Warning: บาง Antivirus อาจเตือน → OK
  3. Next → Next
  4. Select Components: ค่าเริ่มต้นครบแล้ว (Apache, MySQL, PHP, phpMyAdmin, FileZilla, Mercury, Tomcat, Perl) → Next
  5. Installation Folder: แนะนำค่าเริ่มต้น C:\xampp (หลีกเลี่ยง path ที่มี space หรืออักขระพิเศษ) → Next
  6. Bitnami: ยกเลิก ✓ "Learn more about Bitnami" → Next
  7. Ready to Install → Next → รอติดตั้ง...
  8. Windows Firewall: Allow Access (ทั้ง Private/Public)
  9. Finish → เลือกภาษา English → Save

3. เริ่มใช้งาน XAMPP Control Panel

ติดตั้งและตั้งค่า XAMPP บน Windows 10 สำหรับพัฒนา PHP/MySQL

  1. Start Apache และ MySQL (ปุ่ม Start ตรงแถว Module)
  2. สถานะจะสีเขียว, PID และ Port จะแสดงตัวเลข
  3. เปิด Browser → https://localhost → จะเห็น XAMPP Dashboard
  4. คลิก phpinfo() ดูรายละเอียด PHP
  5. คลิก phpMyAdmin จัดการฐานข้อมูล (User: root, Pass: ว่าง)

ทำความเข้าใจ XAMPP Control Panel (UI แบบละเอียด)

คอลัมน์/ปุ่มหน้าที่
Moduleรายการบริการ: Apache, MySQL, FileZilla, Mercury, Tomcat
Actions (Start/Stop)เริ่ม/หยุดบริการแต่ละตัว
Port(s)Port TCP/IP ที่ใช้ (Apache: 80, 443 | MySQL: 3306)
PID(s)Process ID ของบริการที่รันอยู่
Adminเปิดหน้าจัดการ (Apache → Dashboard, MySQL → phpMyAdmin)
Config (ต่อแถว Module)แก้ไขไฟล์ config ของบริการนั้น (httpd.conf, my.ini ฯลฯ)
Config (ขวาสุด)ตั้งค่าทั่วไป: Autostart modules, Language, Service & Port Settings
Netstatดู Port/Process ที่ใช้งานอยู่ทั้งระบบ
Shellเปิด Command Line (Linux-like shell)
Explorerเปิดโฟลเดอร์ XAMPP ใน File Explorer
Servicesเปิด Windows Services (services.msc)
Helpลิงก์ช่วยเหลือ/เอกสาร
Quitปิด Control Panel (บริการยังคงรันต่อถ้า Start ไว้)
Log (ด้านล่าง)ดู Log real-time: Error, Warning, Start/Stop events

การตั้งค่าที่พบบ่อย (Configuration)

1. เปลี่ยน Port (ถ้าชนกับโปรแกรมอื่น เช่น Skype, IIS, Nginx)

  1. Config (ขวาสุด) → Service and Port Settings
  2. เปลี่ยน Apache SSL Port 443 → 4433 (เช่น) → Save
  3. Config (แถว Apache) → Apache (httpd-ssl.conf)
  4. หา Listen 443 → เปลี่ยนเป็น Listen 4433
  5. หา <VirtualHost _default_:443> → เปลี่ยนเป็น <VirtualHost _default_:4433>
  6. Save → Restart Apache

2. ตั้งรหัสผ่าน phpMyAdmin (Root Password)

  1. เปิด phpMyAdmin → แท็บ User accounts → Edit privileges user root host localhost
  2. Change password → กรอกรหัสใหม่ → Go
  3. Config (แถว Apache) → phpMyAdmin (config.inc.php)
  4. หา $cfg['Servers'][$i]['password'] = ''; → ใส่รหัสผ่านใหม่ → Save
  5. Restart Apache + MySQL

3. Autostart Modules ตอนเปิด XAMPP

Config (ขวาสุด) → ติ๊ก ✓ Apache, MySQL (หรือที่ต้องการ) ใต้ Autostart of modules → Save

4. Virtual Hosts (หลายโปรเจกต์/โดเมนจำลอง)

  1. Config (แถว Apache) → Apache (httpd-vhosts.conf)
  2. เพิ่ม:
    <VirtualHost *:80>
    DocumentRoot "C:/xampp/htdocs/project1"
    ServerName project1.local
    </VirtualHost>
  3. แก้ไข Windows Hosts: C:\Windows\System32\drivers\etc\hosts (Run Notepad as Admin)
    127.0.0.1 project1.local
  4. Restart Apache → เข้า https://project1.local

🎯 XAMPP พร้อมใช้งาน! วางโค้ด PHP ใน C:\xampp\htdocs\ (หรือโฟลเดอร์ Virtual Host) → เรียกผ่าน https://localhost/ หรือโดเมนจำลอง พัฒนา WordPress, Laravel, CodeIgniter, เว็บไซต์ทั่วไป ได้เลยครับ