1.9 การติดตั้งชุดพัฒนาโปรแกรมภาษาพีเอชพี (PHP)  

     1.9.1 การติดตั้งโปรแกรมวิชวลสตูดิโอโค้ด (Visual Studio Code)

     เป็นโปรแกรมแก้ไขซอร์สโค้ดที่พัฒนาโดยบริษัทไมโครซอฟต์ เป็นโปรแกรมประเภท Editor ใช้ในการแก้ไขโค้ดที่มีขนาดเล็ก แต่มีประสิทธิภาพสูงเป็น โอเพนซอร์ส (OpenSource) จึงสามารถนำมาใช้งานได้โดยไม่มีค่าใช้จ่าย เหมาะสำหรับนักพัฒนาโปรแกรมที่ต้องการใช้งานหลายแพลตฟอร์ม รองรับการใช้งานทั้งบน  Windows ,  macOS และ  Linux  เป็นโปรแกรมที่ให้ผู้ใช้สามารถเปลี่ยนธีม แป้นพิมพ์ลัด การตั้งค่า และติดตั้งส่วนขยายที่เพิ่มฟังก์ชันการทำงานเพิ่มเติมได้ สามารถเชื่อมต่อกับ  Git ได้ง่าย และรองรับการเปิดใช้งานภาษาอื่น ๆ ทั้ง ภาษา  C++ ,  C# ,  Java ,  Python ,  PHP

   สำหรับขั้นตอนการติดตั้ง Visual Studio Code บนระบบปฏิบัติการวินโดวส์ (Windows) มีแนวทางโดยสังเขปดังนี้

บนระบบปฏิบัติการวินโดวส์ (Windows) มีแนวทางโดยสังเขปดังนี้

1.9.1.1 สามารถดาวน์โหลดโปรแกรมได้จากเว็บไซต์ https://code.visualstudio.com

รูปที่ 1.18  หน้าเว็บสำหรับดาวน์โหลดโปรแกรม Visual Studio Code

1.9.1.2 เปิดโฟลเดอร์ที่เก็บไฟล์สำหรับติดตั้งโปรแกรม Visual Studio Code ดับเบิลคลิกที่ไฟล์ VSCodeUserSetup-x64-1.58.2 ดังรูปที่ 1.19

รูปที่ 1.19 ติดตั้งโปรแกรม Visual Studio Code ขั้นตอนที่ 1

1.9.1.3  เมื่อยอมรับข้อตกลงต่าง ๆ แล้ว ให้คลิกที่กล่องหน้าคำว่า I accept the agreement แล้วคลิก Next  ดังรูปที่  1.20

รูปที่ 1.20 ติดตั้งโปรแกรม Visual Studio Code ขั้นตอนที่ 2

1.9.1.4  ในหน้านี้เป็นการตั้งค่าเพิ่มเติม ให้เลือกที่ ทุกช่อง แล้วคลิก Next  ดังรูปที่  1.21

รูปที่ 1.21 ติดตั้งโปรแกรม Visual Studio Code ขั้นตอนที่ 3

1.9.1.5 จากนั้นโปรแกรมจะให้ตรวจสอบการตั้งค่าสำหรับการติดตั้งโปรแกรม ถ้าถูกต้องแล้วให้คลิกที่ปุ่ม install ดังรูปที่  1.22

รูปที่ 1.22 ติดตั้งโปรแกรม Visual Studio Code ขั้นตอนที่ 4

1.9.1.6 จากนั้นโปรแกรมจะทำการติดตั้งโปรแกรมและประมวลผลจนกว่าติดตั้งเสร็จ และคลิกปุ่ม Finish เพื่อสิ้นสุดการติดตั้ง  ดังรูปที่  1.23

รูปที่ 1.23 ติดตั้งโปรแกรม Visual Studio Code ขั้นตอนที่ 5


1.9.2 การติดตั้งและการเริ่มต้นการใช้งานโปรแกรม XAMPP

     โปรแกรมภาษาพีเอชพี (PHP) จะทำงานบนเครื่องบริการเว็บ (Web Server) ดังนั้น ต้องทำให้เครื่องคอมพิวเตอร์ (Personal Computer) เป็นเครื่องบริการเว็บ (Web Server) ก่อนโดยการติดตั้งโปรแกรม XAMPP

XAMPP คือ โปรแกรมสำหรับจำลองเครื่องคอมพิวเตอร์ส่วนบุคคลให้ทำงานในลักษณะของ เครื่องบริการเว็บ (Web Server) ประกอบด้วยโปรแกรมต่าง ๆ ดังต่อไปนี้

Apache   สำหรับทำหน้าที่เป็น  Web server

Php        สำหรับทำหน้าที่เป็นตัวแปลภาษา PHP

MySQL    สำหรับทำหน้าที่เป็น Database Server

phpMyAdmin สำหรับทำหน้าที่เป็นโปรแกรมบริหารจัดการฐานข้อมูล MySQL

การติดตั้งโปรแกรม XAMPP บนระบบปฏิบัติการวินโดวส์ (Windows) มีแนวทางโดยสังเขปดังนี้

1.9.2.1 สามารถดาวน์โหลดโปรแกรมได้จากเว็บไซต์ https://www.apachefriends.org/download.html

รูปที่ 1.24 หน้าเว็บสำหรับดาวน์โหลดโปรแกรม Xampp

1.9.2.2 เปิดโฟลเดอร์ที่เก็บไฟล์สำหรับติดตั้งโปรแกรม XAMPP ดับเบิลคลิกที่ไฟล์ xampp-windows-x64-8.0.8-1-VS16-installer ดังรูปที่ 1.25

รูปที่ 1.25 ติดตั้งโปรแกรม XAMPP ขั้นตอนที่ 1

 1.9.2.3 จะเข้าสู่โหมดการติดตั้ง จากนั้นคลิกปุ่ม Next เพื่อดำเนินการต่อไป ดังรูปที่ 1.26

รูปที่ 1.26 ติดตั้งโปรแกรม XAMPP ขั้นตอนที่ 2

1.9.2.4 ในขั้นตอนการเลือกโปรแกรมที่จะติดตั้ง อาจเลือกทั้งหมดหรือบางส่วนก็ได้ ซึ่งสิ่งที่จำเป็นต้องใช้งานในเอกสารเล่มนี้คือ  Apache, MySQL (MariaDB), PHP และ phpMyAdmin จากนั้นคลิกปุ่ม Next เพื่อดำเนินการต่อไป ดังรูปที่ 1.27

รูปที่ 1.27 ติดตั้งโปรแกรม XAMPP ขั้นตอนที่ 3

1.9.2.5 โปรแกรมจะให้เลือกตำแหน่งสำหรับเก็บโปรแกรม จากนั้นคลิก Next ดังรูปที่ 1.28

รูปที่ 1.28 ติดตั้งโปรแกรม XAMPP ขั้นตอนที่ 4

 1.9.2.6 โปรแกรมจะให้เลือกภาษาสำหรับใช้งานโปรแกรม ให้เลือกภาษา English จากนั้นคลิก Next ดังรูปที่ 1.29

รูปที่ 1.29 ติดตั้งโปรแกรม XAMPP ขั้นตอนที่ 5

1.9.2.7 จากนั้นโปรแกรมจะประมวลผลจนกว่าติดตั้งเสร็จ และคลิกปุ่ม Finish เพื่อสิ้นสุดการติดตั้ง  ดังรูปที่  1.30

รูปที่ 1.30 ติดตั้งโปรแกรม XAMPP ขั้นตอนที่ 6


1.9.3 การเริ่มต้นใช้งานโปรแกรม XAMPP

เมื่อติดตั้งโปรแกรม XAMPP เสร็จแล้ว ในการเริ่มต้นใช้งานโปรแกรม ให้เปิด Xampp Control Panel ขี้นมาได้ดังนี้

1.9.3.1 คลิกปุ่ม Start -> Xampp -> Xampp Control Panel ดังรูปที่ 1.31

รูปที่ 1.31 การเริ่มต้นใช้งานโปรแกรม XAMPP ขั้นตอนที่ 1

1.9.3.2 หน้าต่างโปรแกรม XAMPP จะปรากฏขึ้นมา  ให้คลิกปุ่ม Start Service Apache และ MySQL ดังรูปที่ 1.32

รูปที่ 1.32 การเริ่มต้นใช้งานโปรแกรม XAMPP ขั้นตอนที่ 2

1.9.3.3 ทดสอบการติดตั้งโปรแกรมโดยการเปิดเว็บเบราว์เซอร์ เช่น Google Chrome แล้วพิมพ์ http://localhost หรือ  http://127.0.0.1 ซึ่งเบราว์เซอร์จะแสดงหน้าจอให้เห็นว่าได้ติดตั้งโปรแกรม XAMPP สมบูรณ์พร้อมใช้งานแล้ว ดังรูปที่ 1.33

รูปที่ 1.33 ทดสอบการติดตั้งโปรแกรม XAMPP