วิธีการติดตั้ง Apache บน Windows, macOS และ Linux (แยกตาม OS)

ในบทความที่แล้ว "Apache คืออะไร? อธิบายพื้นฐานและกลไกของเว็บเซิร์ฟเวอร์แบบเข้าใจง่าย" เราได้เรียนรู้เกี่ยวกับหน้าที่ของเว็บเซิร์ฟเวอร์และ Apache กันไปแล้ว เมื่อเรียนรู้ทฤษฎีแล้ว ต่อไปก็ถึงเวลาลงมือปฏิบัติจริง! ในบทความนี้ เราจะแนะนำวิธีการติดตั้ง Apache บนคอมพิวเตอร์ของคุณ เพื่อให้คุณได้สัมผัสประสบการณ์การ "ทำให้" เว็บเซิร์ฟเวอร์ทำงานได้จริง

เราจะอธิบายขั้นตอนอย่างละเอียดสำหรับระบบปฏิบัติการหลักๆ อย่าง Windows, macOS และ Linux เพื่อให้แม้แต่มือใหม่ก็ไม่หลงทาง โดยจะครอบคลุมตั้งแต่วิธีการติดตั้งง่ายๆ ด้วย XAMPP ซึ่งเป็นสภาพแวดล้อมการพัฒนาเว็บแบบครบวงจร ไปจนถึงวิธีการติดตั้งมาตรฐานสำหรับแต่ละ OS เราได้เตรียมคำสั่งมากมายที่คุณสามารถคัดลอกและนำไปใช้ได้ทันที มาลงมือทำไปพร้อมๆ กันเพื่อสร้างเว็บเซิร์ฟเวอร์ของตัวเองกันเถอะ!

[สำหรับมือใหม่] ติดตั้ง Apache อย่างรวดเร็วด้วย XAMPP (Windows และ macOS)

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

• X: Cross-platform (รองรับหลายแพลตฟอร์ม: Windows, macOS, Linux)
• A: Apache (เว็บเซิร์ฟเวอร์)
• M: MariaDB (ฐานข้อมูล)
• P: PHP (ภาษาโปรแกรม)
• P: Perl (ภาษาโปรแกรม)

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

1. ดาวน์โหลดจากเว็บไซต์ทางการ: เข้าไปที่เว็บไซต์ทางการของ Apache Friends และดาวน์โหลดตัวติดตั้ง XAMPP ที่ตรงกับระบบปฏิบัติการของคุณ
2. ติดตั้ง: รันไฟล์ที่ดาวน์โหลดมาและทำตามคำแนะนำบนหน้าจอเพื่อดำเนินการติดตั้ง โดยทั่วไปแล้วสามารถใช้การตั้งค่าเริ่มต้นได้เลย
3. เปิด XAMPP Control Panel: เมื่อติดตั้งเสร็จสิ้น ให้เปิด Control Panel ของ XAMPP
4. เปิดใช้งาน Apache: จากรายการ "Modules" ใน Control Panel ให้หา "Apache" แล้วคลิกปุ่ม "Start" ที่อยู่ด้านขวา หากชื่อโมดูล Apache เปลี่ยนเป็นสีเขียวแสดงว่าเปิดใช้งานสำเร็จ!

เพียงเท่านี้ เว็บเซิร์ฟเวอร์บนคอมพิวเตอร์ของคุณก็เริ่มทำงานแล้ว ลองเปิดเว็บเบราว์เซอร์แล้วพิมพ์ `http://localhost` ในแถบที่อยู่ หากหน้าต้อนรับของ XAMPP ปรากฏขึ้น แสดงว่าการติดตั้งสำเร็จ

ไฟล์ HTML ที่คุณต้องการเผยแพร่ ให้วางไว้ในโฟลเดอร์ชื่อ `htdocs` ซึ่งอยู่ในโฟลเดอร์ที่ติดตั้ง XAMPP โฟลเดอร์ `htdocs` นี้คือไดเรกทอรีราก (root directory) ของเว็บไซต์คุณ

วิธีติดตั้ง Apache ด้วยตนเองบน Windows

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

ข้อควรระวัง: การรัน Apache ที่ดาวน์โหลดจาก Apache Lounge อาจจำเป็นต้องติดตั้งแพ็กเกจ Microsoft Visual C++ (VC++) Redistributable โปรดทำตามคำแนะนำในเว็บไซต์เพื่อติดตั้งล่วงหน้า

ขั้นตอนที่ 1: ติดตั้ง Apache ในฐานะ Service

แตกไฟล์ zip ที่ดาวน์โหลดมา แล้วนำไปวางไว้ในตำแหน่งที่ต้องการ เช่น `C:\Apache24` จากนั้น เปิด Command Prompt ในฐานะผู้ดูแลระบบ (Administrator) แล้วใช้คำสั่ง `cd C:\Apache24\bin` เพื่อเข้าไปยังไดเรกทอรี bin แล้วใช้คำสั่งต่อไปนี้เพื่อลงทะเบียน Apache เป็น Service ของ Windows

httpd.exe -k install

ขั้นตอนที่ 2: เริ่มการทำงานของ Apache

หลังจากลงทะเบียนเป็น Service แล้ว ให้ใช้คำสั่งต่อไปนี้เพื่อเริ่มการทำงานของ Apache หากมีข้อความ "Apache2.4 service is starting." ปรากฏขึ้น แสดงว่าสำเร็จ

httpd.exe -k start

ในสถานะนี้ ลองเข้า `http://localhost` ผ่านเบราว์เซอร์ หากมีข้อความ "It works!" แสดงขึ้นมา แสดงว่าทำงานถูกต้อง

ขั้นตอนที่ 3: การหยุดและรีสตาร์ท Apache

หากต้องการหยุดการทำงานของ Apache ให้ใช้คำสั่งต่อไปนี้

httpd.exe -k stop

หากต้องการรีสตาร์ท Apache เช่น หลังจากแก้ไขไฟล์ตั้งค่า (`httpd.conf`) ให้ใช้คำสั่งนี้

httpd.exe -k restart

วิธีติดตั้ง Apache บน macOS โดยใช้ Homebrew

ใน macOS เวอร์ชันใหม่ๆ การติดตั้ง Apache โดยใช้ package manager ที่ชื่อว่า Homebrew เป็นวิธีที่นิยมกันทั่วไปมากกว่าการใช้ Apache ที่ติดตั้งมากับระบบ Homebrew ทำให้การติดตั้งและอัปเดตซอฟต์แวร์ทำได้ง่ายๆ ด้วยคำสั่งเดียว

ขั้นตอนที่ 1: ติดตั้ง Homebrew

หากยังไม่ได้ติดตั้ง Homebrew ให้เปิด Terminal แล้วรันคำสั่งต่อไปนี้ (หากติดตั้งแล้ว ให้ข้ามขั้นตอนนี้ไปได้เลย)

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

ขั้นตอนที่ 2: ติดตั้ง Apache ด้วย Homebrew

เมื่อเตรียม Homebrew เรียบร้อยแล้ว ให้ใช้คำสั่งต่อไปนี้เพื่อติดตั้ง Apache (`httpd`)

brew install httpd

ขั้นตอนที่ 3: เริ่มการทำงานของ Apache

เมื่อติดตั้งเสร็จแล้ว ให้ใช้คำสั่งต่อไปนี้เพื่อเริ่มการทำงานของ Apache และตั้งค่าให้เปิดใช้งานอัตโนมัติเมื่อเปิดเครื่อง Mac

brew services start httpd

Apache ที่ติดตั้งด้วย Homebrew จะใช้พอร์ต `8080` เป็นค่าเริ่มต้น ลองเข้า `http://localhost:8080` ผ่านเบราว์เซอร์ หากมีข้อความ "It works!" แสดงขึ้นมา แสดงว่าสำเร็จ

วิธีติดตั้ง Apache บน Linux ด้วย Package Manager

Linux ดิสทริบิวชันส่วนใหญ่สามารถติดตั้ง Apache ได้ง่ายๆ ผ่าน package manager มาตรฐาน ในที่นี้ เราจะแบ่งการอธิบายเป็น 2 ตระกูลหลักๆ คือ Debian/Ubuntu และ Red Hat/CentOS

กรณี Debian / Ubuntu (ใช้ apt)

ก่อนอื่น ให้อัปเดตรายการแพ็กเกจให้เป็นเวอร์ชันล่าสุด

sudo apt update

จากนั้น ติดตั้ง Apache (ชื่อแพ็กเกจคือ `apache2`)

sudo apt install apache2

เมื่อติดตั้งเสร็จ โดยปกติแล้ว Apache จะเริ่มทำงานโดยอัตโนมัติ สามารถตรวจสอบสถานะได้ด้วยคำสั่งต่อไปนี้

sudo systemctl status apache2

กรณี Red Hat / CentOS / Fedora (ใช้ dnf/yum)

ใช้ dnf (หรือ yum ในเวอร์ชันเก่า) เพื่อติดตั้ง Apache (ชื่อแพ็กเกจคือ `httpd`)

sudo dnf install httpd

หลังจากการติดตั้ง ให้ใช้คำสั่งต่อไปนี้เพื่อเริ่มการทำงานของ Apache และตั้งค่าให้ทำงานอัตโนมัติเมื่อเปิดเครื่อง

sudo systemctl start httpd
sudo systemctl enable httpd

การตั้งค่า Firewall บน Linux

บนเซิร์ฟเวอร์ Linux ไฟร์วอลล์อาจจะบล็อกการเชื่อมต่ออยู่ คุณจำเป็นต้องเปิดพอร์ตที่ Apache ใช้ คือ HTTP (80) และ HTTPS (443)

กรณี Ubuntu (ufw):

sudo ufw allow 'Apache'
sudo ufw reload

กรณี CentOS (firewall-cmd):

sudo firewall-cmd --permanent --add-service=http
sudo firewall-cmd --permanent --add-service=https
sudo firewall-cmd --reload

การตรวจสอบหลังการติดตั้งและการแก้ไขปัญหา

เมื่อติดตั้งเรียบร้อยแล้ว ต้องตรวจสอบการทำงานเสมอ

• การตรวจสอบ Document Root: ตำแหน่งที่ต้องวางไฟล์ HTML (Document Root) จะแตกต่างกันไปตามวิธีการติดตั้ง เช่น XAMPP คือ `htdocs`, Linux คือ `/var/www/html` เป็นต้น ให้ตรวจสอบ Document Root ของสภาพแวดล้อมของคุณ แล้วลองวางไฟล์ `index.html` ง่ายๆ เพื่อทดสอบ
• พอร์ตชนกัน: หากเกิดข้อผิดพลาด "Port is already in use" (พอร์ตถูกใช้งานแล้ว) อาจเป็นไปได้ว่ามีแอปพลิเคชันอื่น เช่น Skype กำลังใช้พอร์ต 80 อยู่ คุณต้องปิดแอปพลิเคชันนั้น หรือเปลี่ยนหมายเลขพอร์ตในไฟล์ตั้งค่าของ Apache (`httpd.conf`)
• การตรวจสอบ Error Log: หากไม่สามารถเริ่มทำงานได้ ให้ตรวจสอบ Error Log เสมอ ในไฟล์ล็อกจะมีข้อมูลสำคัญที่เป็นเบาะแสของสาเหตุของปัญหาบันทึกอยู่

สรุป

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

เมื่อเว็บเซิร์ฟเวอร์ทำงานได้แล้ว ขั้นตอนต่อไปคือการตั้งค่าเซิร์ฟเวอร์นั้นตามที่คุณต้องการ ในบทความหน้า เราจะมาเจาะลึกไฟล์ตั้งค่าที่เป็นหัวใจของ Apache อย่าง `httpd.conf` กัน มาเรียนรู้พื้นฐานการจัดการเซิร์ฟเวอร์ เช่น การเปลี่ยนหมายเลขพอร์ตและการตั้งค่า Document Root ไปด้วยกัน!

3. รู้จัก httpd.conf: ทำความเข้าใจไฟล์ตั้งค่า Apache (พอร์ต, ไดเรกทอรี, ล็อก)