เมื่อพัฒนาเว็บไซต์ นักออกแบบเว็บต้องเห็นเว็บเพจเหมือนผู้ใช้ปลายทาง บางครั้งคลิกดูไฟล์ HTML ในเบราว์เซอร์พอ แต่หากต้องการทดสอบเนื้อหาแบบไดนามิก จะต้องตั้งค่าเว็บเซิร์ฟเวอร์ท้องถิ่น (Local Web Server) การทำเรื่องนี้ง่ายและทำได้บน Windows, macOS และ Linux มีเว็บเซิร์ฟเวอร์หลายแบบ แต่บทความใช้ Apache เนื่องจากนิยมมาก ตั้งค่ายาว และรองรับทุก OS หลัก
ตั้งค่าเว็บเซิร์ฟเวอร์ท้องถิ่นบน Linux
Apache ออกแบบมาสำหรับ OS แบบ Unix-like Linux อยู่ในกลุ่มนี้ การติดตั้งและตั้งค่า Apache web server ทำได้ในขั้นตอนเดียว
ใช้คำสั่งบรรทัดคำสั่ง (Command Line) ส่วนใหญ่ของ Distro ยอดนิยมติดตั้ง Apache ได้โดยไม่ต้องคอมไพล์จากซอร์สด้วยคำสั่งเดียว
สำหรับ Debian, Ubuntu และ Distro ที่พัฒนาจาก Ubuntu:
sudo apt install apache2
สำหรับ Red Hat และ CentOS:
sudo dnf install httpd
ติดตั้งเสร็จ ให้ไปที่เบราว์เซอร์ "127.0.0.1" หรือ "localhost" หากแสดง "It Works!" แปลว่าติดตั้ง Apache สำเร็จ
เพื่อเข้าใจว่า Apache ให้บริการหน้านี้อย่างไร ให้ลองแก้ไข ไปที่ไดเรกทอรีรากเว็บของเครื่อง Linux
cd /var/www/html
เปิด "index.html" เป็น root ด้วย Text Editor โปรด ค้นหา "It Works!" เปลี่ยนข้อความเป็นอะไรก็ได้ เช่น "Make Tech Easier!" บันทึกไฟล์
รีเฟรชหน้าเว็บที่ 127.0.0.1 จะเห็น "Make Tech Easier!" แทน "It Works!"
ตอนนี้มีเว็บเซิร์ฟเวอร์ง่ายๆ แล้ว สามารถเล่นกับการตั้งค่าใน "apache2.conf"
sudo nano /etc/apache2/apache2.conf
หมายเหตุ: ทุกครั้งที่เปลี่ยนการตั้งค่า ต้องรีสตาร์ท Apache เพื่อให้มีผล
sudo systemctl restart apache2
หากไม่ได้ ให้รีสตาร์ทโดยรันไฟล์ upstart โดยตรง
sudo /etc/init.d/apache2 restart
ตั้งค่าเว็บเซิร์ฟเวอร์ท้องถิ่นบน macOS
จุดดีของ macOS คือ Apache ติดตั้งมาอยู่แล้ว ต้องแค่เปิดใช้งาน
ใน Finder ไป "Applications -> Utilities" คลิกสองครั้ง Terminal เพื่อเปิด
เพื่อเปิด Apache web server ที่ติดตั้งมาแล้ว ให้รันคำสั่ง:
sudo apachectl start
ทดสอบว่าเว็บเซิร์ฟเวอร์ทำงาน ไปที่ "127.0.0.1" หรือ "localhost" ในเบราว์เซอร์
สามารถเปลี่ยนเนื้อหาเว็บเพจได้โดยไปที่ Document Root เหมือน Linux แตะต่างตรงตำแหน่ง Path
cd /Library/WebServer/Documents/
แก้ไขไฟล์ "index.html.en" ด้วย Text Editor โปรด เปลี่ยน "It works!" เป็น "Hello World!"
sudo nano index.html.en
รีเฟรชหน้าเว็บที่ 127.0.0.1 จะเห็นการเปลี่ยนแปลง
เพื่อตั้งค่า Apache เพิ่มเติมใน macOS ไปที่ไฟล์ "httpd.conf"
sudo nano /etc/apache2/httpd.conf
เหมือน Linux สามารถรีสตาร์ท Apache ได้ง่ายด้วยคำสั่ง apachectl พร้อมสิทธิ์ root
sudo apachectl restart
ตั้งค่าเว็บเซิร์ฟเวอร์ท้องถิ่นบน Windows
ต่างจาก Linux และ macOS Windows ไม่ใช่ Unix-based จึงไม่มีคำสั่งเดียวติดตั้งได้ สดช binh 好在 มี Wizard ติดตั้งหลายตัวรวม Apache, MySQL, PHP ไว้ด้วยกัน ทำให้ง่ายขึ้น หนึ่งในนั้นคือ XAMPP
หมายเหตุ: XAMPP มีให้ Linux และ Mac OS X ด้วย
ดาวน์โหลด XAMPP เวอร์ชัน Windows เริ่มติดตั้ง รัน Installer เมื่อถูกพร้อมpt เลือกแค่ Apache หากต้องการแค่เว็บเซิร์ฟเวอร์ แต่หากวางแผนใช้ฐานข้อมูล ควรเลือก MySQL ด้วย
ดำเนินการติดตั้งต่อไป คลิก "Finish" เมื่อเสร็จ แผงควบคุม XAMPP จะเปิดอัตโนมัติ
คลิก "Start" สำหรับ Apache และ MySQL หากต้องการ
หากไปที่ "127.0.0.1" หรือ "localhost" ในเบราว์เซอร์ ควรเห็นหน้าตั้งค่า XAMPP
เพื่อสร้างเว็บเพจใหม่ ขั้นตอนเหมือนเดิม เปิด Notepad สร้างไฟล์ HTML ตัวอย่าง ชื่อ "hello.html"
บันทึกที่ Document Root ที่ "c:\xampp\htdocs\"
เข้าถึงผ่านเบราว์เซอร์ที่ 127.0.0.1/hello.html จะเห็นเว็บเพจที่สร้าง
หมายเหตุ: WampServer เป็นตัวเลือกอีกตัวสำหรับติดตั้ง Apache บน Windows
สรุป
Apache เป็นโซลูชันยอดเยี่ยมสำหรับสร้างเว็บไซต์ทั้งง่ายและซับซ้อน แต่ไม่ใช่ตัวเลือกเดียว แม้ Apache จะทำงานได้ดีบนทั้งสามแพลตฟอร์ม แต่อาจพิจารณา IIS สำหรับ Windows เนื่องจากรองรับฟีเจอร์การยืนยันตัวตนของ Windows มากกว่า Apache แต่สำหรับทดสอบฟังก์ชันพื้นฐานของเว็บไซต์ Apache ก็สมบูรณ์แบบแล้ว
