ติดตั้ง PHP และ Web Server (XAMPP/MAMP)

ในบทที่แล้ว เราได้เรียนรู้เกี่ยวกับการออกแบบ Endpoint ที่ดีสำหรับ API ของเรา ในบทนี้ เราจะมาเตรียมความพร้อมของสภาพแวดล้อมในการพัฒนา โดยการติดตั้ง PHP และ Web Server ซึ่งเป็นสิ่งจำเป็นสำหรับการสร้างและทดสอบ API ของเรา

ทำไมต้องมี PHP และ Web Server?

API ที่เราจะสร้างนั้นเขียนด้วยภาษา PHP ดังนั้นเราจึงต้องติดตั้ง PHP บนเครื่องของเรา นอกจากนี้ API จะต้องทำงานบน Web Server เพื่อให้ Client สามารถเข้าถึงได้ Web Server จะทำหน้าที่รับ Request จาก Client, ประมวลผลด้วย PHP และส่ง Response กลับไป

โชคดีที่เรามีเครื่องมือที่ช่วยให้การติดตั้ง PHP และ Web Server เป็นเรื่องง่าย นั่นคือ XAMPP และ MAMP

XAMPP และ MAMP คืออะไร?

XAMPP และ MAMP เป็นโปรแกรมที่รวมเอา Apache Web Server, PHP และ MySQL Database (และอื่นๆ) ไว้ในแพ็กเกจเดียว ทำให้เราสามารถติดตั้งทุกอย่างที่จำเป็นสำหรับการพัฒนาเว็บแอปพลิเคชัน (รวมถึง API) ได้อย่างง่ายดาย

XAMPP: รองรับทั้ง Windows, macOS และ Linux
MAMP: รองรับ macOS และ Windows

สำหรับบทเรียนนี้ เราจะใช้ XAMPP เป็นหลัก แต่ขั้นตอนการติดตั้งและใช้งาน MAMP นั้นคล้ายคลึงกันมาก

การดาวน์โหลดและติดตั้ง XAMPP

ดาวน์โหลด XAMPP: ไปที่ เว็บไซต์ Apache Friends และดาวน์โหลด XAMPP เวอร์ชั่นที่เหมาะสมกับระบบปฏิบัติการของคุณ
เริ่มการติดตั้ง: หลังจากดาวน์โหลดเสร็จ ให้ดับเบิลคลิกที่ไฟล์ที่ดาวน์โหลดมาเพื่อเริ่มกระบวนการติดตั้ง
เลือก Components: ในระหว่างการติดตั้ง XAMPP จะให้เราเลือก Components ที่ต้องการติดตั้ง ในกรณีที่เราต้องการพัฒนา API เราควรเลือกอย่างน้อย Apache, PHP และ MySQL (ถ้าเราต้องการใช้ฐานข้อมูล)
เลือก Folder ที่จะติดตั้ง: เลือก Folder ที่ต้องการติดตั้ง XAMPP (โดยปกติจะเป็น C:\xampp บน Windows หรือ /Applications/XAMPP บน macOS)
ดำเนินการติดตั้ง: ทำตามขั้นตอนที่ปรากฏบนหน้าจอจนกว่าการติดตั้งจะเสร็จสมบูรณ์

การดาวน์โหลดและติดตั้ง MAMP (ทางเลือก)

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

การตั้งค่า Web Server (XAMPP)

หลังจากติดตั้ง XAMPP เสร็จแล้ว เราจะต้องเริ่มต้น Web Server (Apache) เพื่อให้ API ของเราทำงานได้

เปิด XAMPP Control Panel: ค้นหาและเปิด XAMPP Control Panel (โดยปกติจะอยู่ใน Start Menu บน Windows หรือใน Applications Folder บน macOS)
Start Apache: ใน XAMPP Control Panel ให้คลิกที่ปุ่ม "Start" ข้าง Apache

หาก Apache เริ่มทำงานได้สำเร็จ จะมีข้อความแสดงว่า Apache กำลังทำงานอยู่ (อาจมีข้อความแจ้งเตือนเกี่ยวกับ Firewall ให้ Allow Access)

การตั้งค่า Web Server (MAMP)

เปิด MAMP: ค้นหาและเปิดโปรแกรม MAMP (โดยปกติจะอยู่ใน Applications Folder บน macOS)
Start Servers: ใน MAMP ให้คลิกที่ปุ่ม "Start Servers"

หาก Web Servers เริ่มทำงานได้สำเร็จ จะมีข้อความแสดงว่า Apache และ MySQL กำลังทำงานอยู่ (ถ้าได้เลือกติดตั้ง MySQL)

การตรวจสอบการติดตั้ง

เพื่อให้แน่ใจว่า PHP และ Web Server ได้รับการติดตั้งอย่างถูกต้อง เราจะสร้างไฟล์ PHP ง่ายๆ เพื่อตรวจสอบ

สร้างไฟล์ info.php: สร้างไฟล์ใหม่ชื่อ info.php และบันทึกไว้ใน Folder ที่ Web Server ใช้สำหรับเก็บไฟล์ (โดยปกติจะเป็น htdocs ใน XAMPP หรือ htdocs ใน MAMP)
```
<?php
phpinfo();
?>
    
```
เปิด Browser: เปิด Web Browser (เช่น Chrome, Firefox, Safari) และไปที่ URL http://localhost/info.php (หรือ http://localhost:8888/info.php ถ้าใช้ MAMP และตั้งค่า Port เป็น 8888)

ถ้าทุกอย่างเป็นไปด้วยดี คุณจะเห็นหน้าเว็บที่แสดงข้อมูลเกี่ยวกับการติดตั้ง PHP ของคุณ ซึ่งหมายความว่า PHP และ Web Server ได้รับการติดตั้งและตั้งค่าอย่างถูกต้อง

ข้อควรระวัง: ไฟล์ info.php แสดงข้อมูลที่ละเอียดอ่อนเกี่ยวกับการติดตั้ง PHP ของคุณ ดังนั้นหลังจากตรวจสอบเสร็จแล้ว ควรลบไฟล์นี้ออกจาก Web Server เพื่อความปลอดภัย

สรุป

ในบทนี้ เราได้เรียนรู้วิธีการติดตั้ง PHP และ Web Server โดยใช้ XAMPP หรือ MAMP ซึ่งเป็นเครื่องมือที่ช่วยให้การพัฒนา API เป็นเรื่องง่าย ในบทต่อไป เราจะมาสร้างไฟล์ PHP แรกสำหรับ API ของเรา และเรียนรู้วิธีการส่งค่า Parameter ผ่าน URL