ติดตั้งและกำหนดค่า XAMPP บน Windows 10: ^{(Install And Configure XAMPP on Windows 10: )}เมื่อใดก็ตามที่คุณเขียนโค้ดเว็บไซต์ใด ๆ ในPHPคุณจะต้องมีบางสิ่งที่สามารถจัดเตรียม สภาพแวดล้อมการพัฒนา PHPและช่วยเชื่อมต่อแบ็กเอนด์กับส่วนหน้า มีซอฟต์แวร์มากมายที่คุณสามารถใช้เพื่อทดสอบเว็บไซต์ของคุณในเครื่อง เช่นXAMPP , MongoDBเป็นต้น ตอนนี้ซอฟต์แวร์แต่ละตัวมีข้อดีและข้อเสียของตัวเอง แต่ในคู่มือนี้ เราจะพูดถึงXAMPPสำหรับWindows 10โดยเฉพาะ ในบทความนี้เราจะมาดูกันว่าจะสามารถติดตั้งและกำหนดค่าXAMPPบนWindows 10ได้อย่างไร

XAMPP: XAMPP เป็นเว็บเซิร์ฟเวอร์ข้ามแพลตฟอร์มโอเพ่นซอร์สที่พัฒนาโดยเพื่อนApache เหมาะที่สุดสำหรับนักพัฒนาเว็บที่พัฒนาเว็บไซต์โดยใช้PHPเนื่องจากมีวิธีที่ง่ายในการติดตั้งส่วนประกอบที่จำเป็นในการรัน ซอฟต์แวร์ที่ใช้ PHPเช่นWordpress , Drupalฯลฯ บนWindows 10ในเครื่อง XAMPP ช่วยประหยัดเวลาและความยุ่งยากในการติดตั้งและกำหนดค่าApache , MySQL , PHPและPerlบนอุปกรณ์ด้วยตนเองเพื่อสร้างสภาพแวดล้อมการทดสอบ

วิธีการติดตั้งและกำหนดค่า XAMPP บน Windows 10

อักขระแต่ละตัวในคำว่าXAMPPหมายถึงภาษาการเขียนโปรแกรมหนึ่งภาษาซึ่งXAMPPช่วยในการติดตั้งและกำหนดค่า

X ย่อมาจากตัวอักษรเชิงอุดมคติซึ่งหมายถึงข้ามแพลตฟอร์ม
A ย่อมาจาก Apache หรือเซิร์ฟเวอร์ Apache HTTP
M ย่อมาจาก MariaDB ซึ่งรู้จักกันในชื่อ MySQL
P ย่อมาจาก PHP
P ย่อมาจาก Perl^{(X stands as an ideographic letter which refers to cross-platform
A stands for Apache or Apache HTTP server
M stands for MariaDB which was known as MySQL
P stands for PHP
P stands for Perl)}

XAMPP ยังมีโมดูลอื่นๆ เช่นOpenSSL, phpMyAdmin, MediaWiki, Wordpress และอื่น^{(OpenSSL, phpMyAdmin, MediaWiki, Wordpress and more)}ๆ คอมพิวเตอร์เครื่องหนึ่งสามารถมี XAMPP^(XAMPP) ได้ หลายอินสแตนซ์และคุณยังสามารถคัดลอกXAMPPจากคอมพิวเตอร์เครื่องหนึ่งไปยังอีกเครื่องหนึ่งได้ XAMPPมีทั้งเวอร์ชันเต็มและมาตรฐานที่เรียกว่าเวอร์ชันที่เล็กกว่า

ติดตั้งและกำหนดค่า XAMPP บน Windows 10^{(Install And Configure XAMPP on Windows 10)}

อย่าลืม สร้างจุดคืนค่า^{(create a restore point)} ในกรณีที่มีสิ่งผิดปกติเกิดขึ้น

วิธีการติดตั้ง XAMPP บน Windows 10^{(How to Install XAMPP on Windows 10)}

หากคุณต้องการใช้XAMPPก่อนอื่นคุณต้องดาวน์โหลดและติดตั้ง XAMPP^{(Install XAMPP)}บนคอมพิวเตอร์ของคุณ มีเพียงคุณเท่านั้นที่สามารถใช้งานได้ ในการดาวน์โหลดและติดตั้ง XAMPP^{(Install XAMPP)}บนคอมพิวเตอร์ของคุณ ให้ทำตามขั้นตอนด้านล่าง:

1. ดาวน์โหลด XAMPP จากเว็บไซต์ทางการของเพื่อน Apache^{(Download XAMPP from official website Apache friends)}หรือพิมพ์URL ด้านล่าง ในเว็บเบราว์เซอร์ของคุณ

ดาวน์โหลด XAMPP จากเว็บไซต์ทางการ Apache friends

2. เลือกเวอร์ชันของPHPที่คุณต้องการติดตั้งXAMPPและคลิกที่ปุ่มดาวน์โหลด^{(download button)} ที่ อยู่ด้านหน้า หากคุณไม่มีข้อจำกัดเกี่ยวกับเวอร์ชันใดๆ ให้ดาวน์โหลดเวอร์ชันที่เก่าที่สุด เนื่องจากอาจช่วยให้คุณหลีกเลี่ยงปัญหาใดๆ ที่เกี่ยวข้องกับซอฟต์แวร์ที่ใช้PHP

เลือกเวอร์ชันของ PHP ที่คุณต้องการติดตั้ง XAMPP และคลิกที่ปุ่มดาวน์โหลด

3.ทันทีที่คุณคลิกปุ่มดาวน์โหลด^(Download)XAMPP จะเริ่มดาวน์โหลด^{(XAMPP will start downloading.)}

4.เมื่อการดาวน์โหลดเสร็จสิ้น ให้เปิดไฟล์ที่ดาวน์โหลดมาโดยดับเบิลคลิกที่ไฟล์นั้น

5.เมื่อคุณจะขอให้แอปนี้ทำการเปลี่ยนแปลงในพีซีของคุณ^{( allow this app to make changes in your PC)}ให้คลิกที่ ปุ่ม ใช่^{( Yes)}และเริ่มกระบวนการติดตั้ง^{(Installation)}

6. กล่องโต้ตอบคำเตือนด้านล่างจะปรากฏขึ้น คลิกที่^{(Click on the OK)}ปุ่ม OK เพื่อดำเนินการต่อ

กล่องโต้ตอบคำเตือนจะปรากฏขึ้น คลิกที่ปุ่มตกลงเพื่อดำเนินการต่อ

7. คลิกที่ปุ่มถัดไปอีกครั้ง^{( Next button.)}

คลิกปุ่มถัดไป | ติดตั้งและกำหนดค่า XAMPP บน Windows 10

8. คุณจะเห็นรายการส่วนประกอบที่ XAMPP อนุญาตให้ติดตั้งได้ เช่นMySQL , Apache , Tomcat , Perl , phpMyAdmin เป็นต้นทำเครื่องหมายที่ช่องกับส่วนประกอบที่คุณต้องการติด^{(Check the boxes against the components you want to install)}ตั้ง

หมายเหตุ:^{(Note: )}ขอแนะนำให้เลือกตัวเลือกเริ่มต้นไว้และคลิกที่ปุ่มถัดไป^(Next)

ทำเครื่องหมายที่ช่องกับส่วนประกอบ ( MySQL, Apache ฯลฯ ) ที่ต้องการติดตั้ง ปล่อยให้ตัวเลือกเริ่มต้นและคลิกที่ปุ่มถัดไป

9. ป้อนตำแหน่งโฟลเดอร์^{(folder location)}ที่คุณต้องการติดตั้งซอฟต์แวร์ XAMPP^{(install XAMPP software)}หรือเรียกดูตำแหน่งโดยคลิกที่ไอคอนขนาดเล็กที่อยู่ถัดจากแถบที่อยู่ ขอแนะนำให้ใช้การตั้งค่าตำแหน่งเริ่มต้นเพื่อติดตั้งซอฟต์แวร์XAMPP

ป้อนตำแหน่งโฟลเดอร์เพื่อติดตั้งซอฟต์แวร์ XAMPP โดยคลิกที่ไอคอนขนาดเล็กถัดจากแถบที่อยู่

10. คลิกที่ปุ่มถัดไป^(Next)

11. ยกเลิกการเลือก^(Uncheck) ตัวเลือก “ เรียนรู้เพิ่มเติมเกี่ยวกับ Bitnami สำหรับ XAMPP^{(Learn more about Bitnami for XAMPP)} ” แล้วคลิกถัดไป^(Next.)

หมายเหตุ:^(Note:)หากคุณต้องการเรียนรู้เกี่ยวกับBitnamiคุณสามารถเลือกตัวเลือกข้างต้นได้ มันจะเปิด หน้า Bitnamiในเบราว์เซอร์ของคุณเมื่อคุณจะคลิกถัด^(Next)ไป

เรียนรู้เกี่ยวกับ Bitnami แล้วยังคงตรวจสอบ เปิดหน้า Bitnami ในเบราว์เซอร์ จากนั้นคลิก Next

12. กล่องโต้ตอบด้านล่างจะปรากฏขึ้นโดยแจ้งว่าการตั้งค่าพร้อมที่จะเริ่มการติดตั้งXAMPPบนคอมพิวเตอร์ของคุณแล้ว คลิกที่ปุ่มถัดไป ^(Next )อีกครั้ง เพื่อดำเนินการต่อ^(Again)

การตั้งค่าพร้อมที่จะเริ่มการติดตั้ง XAMPP แล้ว คลิกที่ปุ่มถัดไปอีกครั้ง

13.เมื่อคุณคลิกNextคุณจะเห็นว่า XAMPP ได้เริ่มติดตั้งบน Windows 10^{(XAMPP has begun installing on Windows 10)}แล้ว รอ^(Wait)ให้ กระบวนการ ติดตั้ง^{(Installation)}เสร็จสมบูรณ์

รอให้กระบวนการติดตั้งเสร็จสิ้น | ติดตั้งและกำหนดค่า XAMPP บน Windows 10

14. หลังจากการติดตั้งเสร็จสิ้น กล่องโต้ตอบจะปรากฏขึ้นเพื่อขออนุญาต^{(14.After the installation is completed, a dialog box will appear which will ask to allow)} แอ ป ผ่านไฟร์วอลล์ ^(Firewall)คลิก^(Click)ที่ปุ่มอนุญาตการเข้าถึง^{(Allow Access)}

หลังจากการติดตั้งเสร็จสิ้น คลิกที่ปุ่ม อนุญาตการเข้าถึง

15. คลิกที่ ปุ่ม Finish^{(Finish button)}เพื่อเสร็จสิ้นกระบวนการ

หมายเหตุ:^(Note:)หากคุณปล่อยให้ “ คุณต้องการเริ่มแผงควบคุมตอนนี้หรือไม่? ^{(Do you want to start the Control Panel now?)}ให้ตรวจสอบตัวเลือกหลังจากคลิกเสร็จสิ้น แผงควบคุม ^(Finish)XAMPPของคุณจะเปิดขึ้นโดยอัตโนมัติ แต่ถ้าคุณไม่ได้เลือก คุณจะต้องเปิดแผงควบคุมXAMPP ด้วยตนเอง^(XAMPP)

ตรวจสอบตัวเลือกหลังจากคลิกเสร็จสิ้นแผงควบคุม XAMPP ของคุณจะเปิดขึ้น

16. เลือกภาษาของคุณทั้งภาษาอังกฤษหรือภาษา^{(English or German)}เยอรมัน โดยค่าเริ่มต้นภาษาอังกฤษ^(English)จะถูกเลือกและคลิกที่ปุ่มบันทึก^{(Save button.)}

โดยค่าเริ่มต้นภาษาอังกฤษจะถูกเลือกและคลิกที่ปุ่มบันทึก

17.เมื่อแผงควบคุม XAMPP^{(XAMPP Control Panel)}เปิดขึ้น คุณสามารถเริ่มใช้เพื่อทดสอบโปรแกรมของคุณ และสามารถเริ่มการกำหนดค่าสภาพแวดล้อมของเว็บเซิร์ฟเวอร์ได้

แผงควบคุม XAMPP จะเปิดและทดสอบโปรแกรมของคุณ และสามารถเริ่มการกำหนดค่าสภาพแวดล้อมของเว็บเซิร์ฟเวอร์ได้

หมายเหตุ:^(Note:)ไอคอนXAMPP จะปรากฏในแถบ^(XAMPP)งาน^(Taskbar)ทุก ครั้งที่ XAMPPทำงาน

ในแถบงานด้วย ไอคอน XAMPP จะปรากฏขึ้น ดับเบิลคลิกเพื่อเปิด XAMPP Control Panel

18. เริ่มบริการบางอย่างเช่นApache, MySQLโดยคลิกที่ปุ่ม Start^{( Start button)}ที่ตรงกับตัวบริการ

เริ่มบริการบางอย่างเช่น Apache, MySQL โดยคลิกที่ปุ่มเริ่มที่ตรงกับบริการเหล่านั้น

19.เมื่อบริการทั้งหมดเริ่มต้นสำเร็จแล้ว ให้เปิด localhost โดยพิมพ์http://localhost ในเบราว์เซอร์ของคุณ

20. จะนำคุณไปยัง แดชบอร์ด XAMPPและหน้าเริ่มต้นของXAMPPจะเปิดขึ้น

จะนำคุณไปยังแดชบอร์ดของ XAMPP และหน้าเริ่มต้นของ XAMPP | ติดตั้งและกำหนดค่า XAMPP บน Windows 10

21. จากหน้าเริ่มต้น XAMPP ให้คลิกที่phpinfoจากแถบเมนูเพื่อดูรายละเอียดและข้อมูลทั้งหมดของPHP

จากหน้าเริ่มต้น XAMPP ให้คลิกที่ข้อมูล PHP จากแถบเมนูเพื่อดูรายละเอียดทั้งหมด

22. ในหน้าเริ่มต้นของ XAMPP ให้คลิกที่phpMyAdmin เพื่อดูคอนโซล phpMyAdmin

จากหน้าเริ่มต้น XAMPP ให้คลิกที่ phpMyAdmin เพื่อดูคอนโซล phpMyAdmin

วิธีกำหนดค่า XAMPP บน Windows 10^{(How to configure XAMPP on Windows 10)}

แผงควบคุม^{(Control Panel)} XAMPP ประกอบด้วยหลายส่วน และแต่ละส่วนมีความสำคัญและการใช้งานของตนเอง

โมดูล^(Module)

ภายใต้โมดูล^(Module)คุณจะพบรายการบริการที่จัดเตรียมโดยXAMPPและไม่จำเป็นต้องติดตั้งแยกต่างหากบนพีซีของคุณ ต่อไปนี้เป็นบริการของXAMPP : Apache, MySQL, FileZilla, Mercury, Tomcat

การกระทำ^(Actions)

ในส่วนการดำเนินการ^(Action)จะมีปุ่มเริ่ม^(Start)และหยุด ^(Stop)คุณสามารถเริ่มบริการใดๆ ได้โดยคลิกที่ปุ่มเริ่ม^{(Start button)}

1. หากคุณต้องการเริ่มบริการ MySQL ให้^{( start MySQL service)}คลิกที่ ปุ่ม Startที่สอดคล้องกับโมดูล MySQL^{(MySQL module.)}

สามารถเริ่มบริการใด ๆ ได้โดยคลิกที่ปุ่มเริ่ม | ติดตั้งและกำหนดค่า XAMPP บน Windows 10

2. บริการ MySQLของคุณจะเริ่มทำงาน ชื่อ โมดูล MySQLจะกลายเป็นสีเขียว และเป็นการยืนยันว่าMySQLเริ่มต้นแล้ว

หมายเหตุ:^(Note:)นอกจากนี้ คุณสามารถตรวจสอบสถานะได้จากบันทึกด้านล่าง

คลิกที่ปุ่ม Stop ที่สอดคล้องกับโมดูล MySQL

3.ตอนนี้ ถ้าคุณต้องการหยุดการทำงาน ของ MySQLให้คลิกที่ปุ่ม Stop^{(Stop button)}ที่สอดคล้องกับโมดูล MySQL

ต้องการหยุดการทำงานของ MySQL ให้คลิกที่ปุ่ม Stop | ติดตั้งและกำหนดค่า XAMPP บน Windows 10

4. บริการ MySQL ของคุณจะหยุดทำงาน^{(MySQL service will stop running)}และสถานะจะหยุดทำงานดังที่คุณเห็นในบันทึกด้านล่าง

บริการ MySQL จะหยุดทำงานและสถานะจะหยุดลง

พอร์ต^(Port(s))

เมื่อคุณจะเริ่มบริการต่างๆ เช่นApacheหรือMySQLโดยคลิกที่ ปุ่ม Startใต้ส่วนการดำเนินการ คุณจะเห็นตัวเลขด้านล่างส่วนPort (s) และสอดคล้องกับบริการนั้นๆ

หมายเลขเหล่านี้เป็นหมายเลขTCP/IP port numbers ที่แต่ละบริการใช้เมื่อทำงาน ตัวอย่างเช่น: ในรูปด้านบนApacheใช้TCP/IP Port Number 80และ 443 และMySQLใช้หมายเลขพอร์ต 3306 TCP/IPหมายเลขพอร์ตเหล่านี้ถือเป็นหมายเลขพอร์ตเริ่มต้น

เริ่มบริการเช่น Apache หรือ MySQL โดยคลิกที่ปุ่มเริ่มภายใต้ส่วนการดำเนินการ

พีไอดี ^(PID(s) )

เมื่อคุณจะเริ่มต้นบริการใดๆ ที่มีให้ใน ส่วน โมดูล^(Module)คุณจะเห็นตัวเลขบางหมายเลขปรากฏขึ้นถัดจากบริการนั้นๆ ภายใต้ส่วนPID ^{( PID section)}หมายเลขเหล่านี้เป็นรหัสกระบวนการ^{(process ID)}สำหรับบริการนั้น ๆ แต่ละบริการที่ทำงานบนคอมพิวเตอร์มีรหัสกระบวนการบางอย่าง

ตัวอย่างเช่น: ในรูปด้านบนApacheและMySQLกำลังทำงาน รหัสกระบวนการสำหรับ Apache คือ 13532 และ 17700 และ ID กระบวนการสำหรับ MySQL คือ 6064^{( The process ID for Apache is 13532 and 17700 and process ID for MySQL is 6064.)}

บริการที่ทำงานบนคอมพิวเตอร์มี ID กระบวนการ | ติดตั้งและกำหนดค่า XAMPP บน Windows 10

แอดมิน ^(Admin )

ปุ่ม ผู้ ดูแลระบบ^(Admin) จะทำงานตาม บริการที่ ทำงานอยู่ เมื่อคลิกแล้วคุณจะสามารถเข้าถึงแดชบอร์ดการดูแลระบบ^{(administration dashboard)}จากที่ซึ่งคุณสามารถตรวจสอบได้ว่าทุกอย่างทำงานอย่างถูกต้องหรือไม่

รูปด้านล่างแสดงหน้าจอซึ่งจะเปิดขึ้นหลังจากคลิกที่ปุ่ม Admin^{(Admin button)} ที่ สอดคล้องกับบริการ MySQL

หน้าจอจะเปิดขึ้นหลังจากคลิกที่ปุ่มผู้ดูแลระบบที่สอดคล้องกับบริการ MySQL

การกำหนดค่า^(Config)

ตามแต่ละบริการภายใต้ส่วนโมดูล^(Module)ปุ่มConfig จะพร้อมใช้งาน ^(Config)หากคุณคลิกที่ ปุ่ม Configคุณสามารถกำหนดค่าแต่ละบริการข้างต้นได้อย่างง่ายดาย

คลิกที่ปุ่มกำหนดค่าซึ่งสามารถกำหนดค่าเกี่ยวกับแต่ละบริการ | ติดตั้ง XAMPP บน Windows 10

ที่ด้านขวาสุดจะมีปุ่ม Config ให้เลือกอีก 1 ปุ่ม ^{(Config button)}หากคุณคลิกที่ ปุ่ม Configคุณสามารถกำหนดค่า ^{(configure )}บริการที่จะเริ่มต้นโดยอัตโนมัติ^{(which services to automatically start)}เมื่อคุณเปิดXAMPP นอกจากนี้ยังมีตัวเลือกบางอย่างซึ่งคุณสามารถปรับเปลี่ยนได้ตามความต้องการและความต้องการของคุณ

คลิกที่ปุ่ม Config ที่ด้านขวาสุดและเริ่มบริการโดยอัตโนมัติเมื่อคุณเปิด XAMPP

เมื่อคลิกที่ ปุ่ม Config ด้านบน กล่องโต้ตอบด้านล่างจะปรากฏขึ้น

คลิกที่ปุ่ม Config กล่องโต้ตอบจะปรากฏขึ้น | ติดตั้งและกำหนดค่า XAMPP บน Windows 10

1. ภายใต้Autostart of modules คุณสามารถตรวจสอบบริการหรือโมดูลที่คุณต้องการเริ่มต้นโดยอัตโนมัติเมื่อ XAMPP เปิดตัว

2. หากคุณต้องการเปลี่ยนภาษาของXAMPPคุณสามารถคลิกที่ ปุ่มChange Language

3. คุณยังสามารถแก้ไขการตั้งค่าบริการและพอร์ต^{(modify Service and Port Settings.)}

ตัวอย่างเช่น หากคุณต้องการเปลี่ยนพอร์ตเริ่มต้นสำหรับเซิร์ฟเวอร์Apache ให้ทำตามขั้นตอนด้านล่าง:^(Apache)

ก . คลิกที่ปุ่มบริการ^(Service)และการตั้งค่าพอร์ต^{(Port Settings)}

คลิกที่การตั้งค่าบริการและพอร์ต

b. กล่องโต้ตอบ การตั้งค่าบริการ^{(Service Settings)} ด้านล่าง จะเปิดขึ้น

กล่องโต้ตอบการตั้งค่าบริการจะเปิดขึ้น | ติดตั้งและกำหนดค่า XAMPP บน Windows 10

ค เปลี่ยนพอร์ต Apache SSL^{(Apache SSL Port)}จาก 443 เป็นค่าอื่น เช่น 4433

หมายเหตุ:^(Note:)คุณควรจดหมายเลขพอร์ตด้านบนไว้ในที่ปลอดภัย เนื่องจากอาจจำเป็นในอนาคต

ง.หลังจากเปลี่ยนหมายเลขพอร์ตแล้ว ให้คลิกที่ปุ่มบันทึก^{( Save button.)}

e.Now คลิกที่ปุ่ม Config^{(Config button)}ถัดจากApacheภายใต้ส่วนModuleในXAMPP Control Panel

คลิกที่ปุ่มกำหนดค่าถัดจาก Apache ภายใต้ส่วนโมดูลในแผงควบคุม XAMPP

f.Click บนApache (httpd-ssl.conf) จากเมนูบริบท

คลิกที่ Apache (httpd-ssl.conf) | ติดตั้งและกำหนดค่า XAMPP บน Windows 10

g.Search for “ ฟัง^(Listen) ” ภายใต้ไฟล์ข้อความที่เพิ่งเปิดและเปลี่ยนค่าพอร์ตที่คุณระบุไว้ก่อนหน้านี้ในขั้นตอน c. นี่จะเป็น 4433 แต่ในกรณีของคุณจะแตกต่างออกไป

ค้นหาฟังและเปลี่ยนค่าพอร์ต นี่คือ 4433

h.Also ค้นหา<VirtualHost _default_:previous port number>ด้วย เปลี่ยนหมายเลขพอร์ตเป็นหมายเลขพอร์ตใหม่ ในกรณีนี้จะมีลักษณะเหมือน<VirtualHost _default_:4433>

i. บันทึกการเปลี่ยนแปลง

4.หลังจากทำการเปลี่ยนแปลงแล้ว ให้คลิกที่ปุ่มบันทึก^{(Save button.)}

5. หากคุณไม่ต้องการบันทึกการเปลี่ยนแปลง ให้คลิกที่ปุ่ม ยกเลิก^{( Abort button)}และ XAMPP ของคุณจะย้อนกลับเป็นสถานะก่อนหน้า

เน็ตสตัท^(Netstat)

ที่ด้านขวาสุด ใต้ ปุ่ม Configปุ่มNetstat^{(Netstat button)}จะพร้อมใช้งาน หากคุณคลิกที่มัน มันจะแสดงรายการบริการหรือซ็อกเก็ตที่กำลังทำงานและเข้าถึงเครือข่ายใด ID กระบวนการและข้อมูลพอร์ตTCP/IP

คลิกที่ปุ่ม Netstat และระบุรายการบริการหรือซ็อกเก็ตที่กำลังทำงานและเข้าถึงเครือข่ายใดอยู่

รายการจะแบ่งออกเป็นสามส่วน:

ซ็อกเก็ต/บริการที่ใช้งานอยู่
ซ็อกเก็ตใหม่
ซ็อกเก็ตเก่า

เปลือก^(Shell)

ที่ด้านขวาสุด ใต้ ปุ่ม Netstatปุ่มเชลล์^{(Shell button)}จะพร้อมใช้งาน หากคุณคลิกที่ ปุ่ม Shellจะเป็นการเปิดยูทิลิตี้บรรทัดคำสั่งของเชลล์ ซึ่งคุณสามารถพิมพ์คำสั่งเพื่อเข้าถึงบริการ แอพ โฟลเดอร์ ฯลฯ

พิมพ์คำสั่งในยูทิลิตี้บรรทัดคำสั่งเชลล์เพื่อเข้าถึงบริการ แอพ โฟลเดอร์ ฯลฯ

สำรวจ^(Explorer)

ด้านล่าง ปุ่ม Shellมี ปุ่ม Explorerโดยคลิกที่มัน คุณสามารถเปิดโฟลเดอร์XAMPP ใน ^(XAMPP)File Explorerและสามารถดูโฟลเดอร์ที่มีอยู่ทั้งหมดของXAMPP

คลิกที่ปุ่ม Explorer เพื่อเปิดโฟลเดอร์ XAMPP ใน File Explorer และดูโฟลเดอร์ของ XAMPP

บริการ^(Services)

หากคุณคลิกที่ ปุ่ม Servicesด้านล่างปุ่มExplorerจะเป็นการเปิด กล่องโต้ตอบ Servicesซึ่งจะให้รายละเอียดเกี่ยวกับบริการทั้งหมดที่ทำงานอยู่ในคอมพิวเตอร์ของคุณ

สามารถดูรายละเอียดบริการทั้งหมดที่ทำงานบนคอมพิวเตอร์ของคุณ โดยคลิกที่ปุ่มบริการ

ช่วย^(Help)

โดยการคลิกที่ ปุ่ม Help ที่ อยู่ด้านล่าง ปุ่ม Serviceคุณสามารถค้นหาความช่วยเหลือที่คุณต้องการได้โดยคลิกที่ลิงค์ที่มีให้

คลิกที่ปุ่ม Help ที่อยู่ด้านล่างปุ่ม Service สามารถขอความช่วยเหลือได้โดยคลิกที่ลิงค์ที่มีให้

ล้มเลิก^(Quit)

หากคุณต้องการออกจากXAMPP Control Panelให้คลิกที่ปุ่ม Quit^{( Quit button)}ที่ด้านขวาสุดด้านล่างปุ่มHelp

ส่วนบันทึก^{(Log Section)}

ที่ด้านล่างของแผงควบคุม XAMPP^{(XAMPP Control Panel)}ให้แสดงกล่องบันทึกซึ่งคุณสามารถดูได้ว่ากิจกรรมใดกำลังทำงานอยู่ ข้อผิดพลาดใดที่บริการที่ทำงานอยู่ของXAMPPประสบ โดยจะให้ข้อมูลเกี่ยวกับสิ่งที่จะเกิดขึ้นเมื่อคุณเริ่มบริการหรือเมื่อคุณหยุดให้บริการ นอกจากนี้ยังให้ข้อมูลเกี่ยวกับการกระทำแต่ละอย่างที่เกิดขึ้นภายใต้XAMPP นี่เป็นสถานที่แรกที่จะดูเมื่อมีบางอย่างผิดพลาด

ที่ด้านล่างของ XAMPP Control Panel สามารถดูกิจกรรมที่เกิดขึ้นได้โดยใช้ XAMPP

ส่วนใหญ่ XAMPP ของคุณจะทำงานได้อย่างสมบูรณ์โดยใช้การตั้งค่าเริ่มต้นเพื่อสร้างสภาพแวดล้อมการทดสอบเพื่อเรียกใช้เว็บไซต์ที่คุณสร้างขึ้น อย่างไรก็ตาม บางครั้งขึ้นอยู่กับความพร้อมใช้งานของพอร์ตหรือการกำหนดค่าการตั้งค่าของคุณ คุณอาจต้องchange the TCP/IP portของบริการที่ทำงานอยู่ หรือตั้งรหัสผ่านสำหรับ phpMyAdmin

หากต้องการเปลี่ยนการตั้งค่าเหล่านี้ ให้ใช้ ปุ่ม Configที่สอดคล้องกับบริการที่คุณต้องการเปลี่ยนแปลงและบันทึกการเปลี่ยนแปลง แล้วคุณจะสามารถใช้ XAMPP และบริการอื่นๆ ที่มีให้โดยดี

ที่แนะนำ:^{(Recommended:)}

External Hard Drive Not Showing Up or Recognized? Here is how to fix it!
วิธีใช้ OneDrive: เริ่มต้นใช้งาน Microsoft OneDrive^{(How to Use OneDrive: Getting Started with Microsoft OneDrive)}
ปิดใช้งานทัชแพดเมื่อเชื่อมต่อเมาส์ใน Windows 10^{(Disable Touchpad when Mouse is connected in Windows 10)}
วิธีตั้งค่าปิดเครื่องอัตโนมัติใน Windows 10^{(How to Set Auto Shutdown in Windows 10)}

ฉันหวังว่าบทความนี้จะมีประโยชน์ และตอนนี้คุณสามารถ ติดตั้งและกำหนดค่า XAMPP บน Windows 10 ได้ ^{(Install And Configure XAMPP on Windows 10)}อย่าง^(,) ง่ายดาย แต่ถ้าคุณยังมีคำถามเกี่ยวกับบทช่วยสอนนี้ อย่าลังเลที่จะถามพวกเขาในส่วนความคิดเห็น

Install And Configure XAMPP on Windows 10

Install And Configure XAMPP on Windows 10: Whenever you code any website in PHP you will need something that can provide a PHP development environment and help connect the backend with the front end. There are many software’s which you can use to locally test your website such as XAMPP, MongoDB, etc. Now each software has its own advantages and disadvantages but in this guide, we will specifically talk about XAMPP for Windows 10. In this article, we will see how one can install and configure XAMPP on Windows 10.

XAMPP: XAMPP is an open source cross-platform web server developed by Apache friends. It is best for web developers who develop websites using PHP as it provides an easy way to install the necessary components required to run PHP based software like Wordpress, Drupal, etc on Windows 10 locally. XAMPP saves the time and frustration of manually installing and configuring Apache, MySQL, PHP, and Perl on the device to create a test environment.

How to Install And Configure XAMPP on Windows 10

Each character in word XAMPP signifies one programming language which XAMPP helps to install and configure.

X stands as an ideographic letter which refers to cross-platform
A stands for Apache or Apache HTTP server
M stands for MariaDB which was known as MySQL
P stands for PHP
P stands for Perl

XAMPP also includes other modules like OpenSSL, phpMyAdmin, MediaWiki, Wordpress and more. Multiple instances of XAMPP can exist on one computer and you can even copy XAMPP from one computer to another. XAMPP is available in both full and standard version called the smaller version.

Install And Configure XAMPP on Windows 10

Make sure to create a restore point just in case something goes wrong.

How to Install XAMPP on Windows 10

If you want to use XAMPP then first you need to download and Install XAMPP on your computers then only you will be able to use it. To download and Install XAMPP on your computers follow the below steps:

1.Download XAMPP from official website Apache friends or type the below URL in your web browser.

Download XAMPP from official website Apache friends

2.Choose the version of PHP for which you want to install XAMPP and click on the download button in front of it. If you do not have any version restrictions then download the oldest version as it may help you to avoid any issues related to PHP based software.

Choose the version of PHP which you want to install XAMPP and click on the download button

3.As soon as you click the Download button, XAMPP will start downloading.

4.When the download is completed, open the downloaded file by double-clicking on it.

5.When you will ask to allow this app to make changes in your PC, click on the Yes button and start the Installation process.

6.Below warning dialog box will appear. Click on the OK button to continue.

Warning dialog box will appear. Click on the OK button to continue

7.Again click on the Next button.

Click the next button | Install And Configure XAMPP on Windows 10

8.You will see a list of components that XAMPP allows to install such as MySQL, Apache, Tomcat, Perl, phpMyAdmin, etc. Check the boxes against the components you want to install.

Note: It is recommended to leave the default options checked and click on the Next button.

Check the boxes against the components( MySQL, Apache, etc.) want to install. Leave the default option and click on Next button

9.Enter the folder location where you want to install XAMPP software or browse through the location by clicking on small icon available next to the address bar. It is recommended to use the default location settings to install XAMPP software.

Enter the folder location to install XAMPP software by clicking on small icon next to the address bar

10.Click on Next button.

11.Uncheck “Learn more about Bitnami for XAMPP” option and click Next.

Note: If you want to learn about Bitnami then you can remain the above option checked. It will open a Bitnami page in your browser when you will click Next.

Learn about Bitnami then it remain check. Open a Bitnami page in browser then click Next

12.The below dialog box will appear saying that the setup is now ready to begin installing XAMPP on your computer. Again click on Next button to continue.

Setup is now ready to begin installing XAMPP. Again click on Next button

13.Once you click Next, you will see XAMPP has begun installing on Windows 10. Wait for the Installation process to complete.

Wait for the Installation process to complete | Install And Configure XAMPP on Windows 10

14.After the installation is completed, a dialog box will appear which will ask to allow the app through the Firewall. Click on the Allow Access button.

After the installation is completed, Click on Allow Access button

15.Click on the Finish button to complete the process.

Note: If you let the “Do you want to start the Control Panel now?” option check then after clicking Finish your XAMPP control panel will open up automatically but if you unchecked it then you have to manually open the XAMPP control panel.

option check then after clicking finish your XAMPP control panel will open up

16.Choose your language either English or German. By default English is selected and click on the Save button.

By default English is selected and click on the Save button

17.Once the XAMPP Control Panel opens up, you can start using it to test your programs and can begin the web server environment configuration.

XAMPP Control panel will launch and test your programme and can begin the web server environment configuration.

Note: The XAMPP icon will appear in the Taskbar whenever XAMPP is running.

In the taskbar also, XAMPP icon will appear. Double-click to open up the XAMPP Control Panel

18.Now, start some services like Apache, MySQL by clicking on Start button corresponding to the service itself.

Start some services like Apache, MySQL by clicking on the Start button corresponding to them

19.Once all the services have started successfully, open localhost by typing http://localhost in your browser.

20.It will redirect you to the XAMPP dashboard and the default page of the XAMPP will open.

Will redirect you to the dashboard of XAMPP and the default page of the XAMPP | Install And Configure XAMPP on Windows 10

21.From the XAMPP default page, click on phpinfo from the menu bar to see all the details and information of PHP.

From the XAMPP default page, click on PHP info from the menu bar to see all the details

22.Under the XAMPP default page, click on phpMyAdmin to see the phpMyAdmin console.

From the XAMPP default page, click on phpMyAdmin to see the phpMyAdmin console

How to configure XAMPP on Windows 10

XAMPP Control Panel consists of several sections and each section has its own significance and use.

Module

Under Module, you will find a list of services provided by the XAMPP and there is no need to install them separately on your PC. The following are the services provided by XAMPP: Apache, MySQL, FileZilla, Mercury, Tomcat.

Actions

Under Action section, Start and Stop buttons are there. You can start any service by clicking on the Start button.

1.If you want to start MySQL service, click on the Start button corresponding to the MySQL module.

Can start any service by clicking on the Start button | Install And Configure XAMPP on Windows 10

2.Your MySQL service will start. The MySQL module name will become green and it will confirm that MySQL has started.

Note: Also you can check the status from the below logs.

Click on the Stop button corresponding to the MySQL module

3.Now, if you want to stop MySQL from running, click on the Stop button corresponding to the MySQL module.

Want to stop MySQL from running, click on the Stop button | Install And Configure XAMPP on Windows 10

4.Your MySQL service will stop running and its status will become stopped as you can see in the logs below.

MySQL service will stop running and its status will become stopped

Port(s)

When you will start services like Apache or MySQL by clicking on the Start button under the action section, you will see a number below the Port(s) section and corresponding to that particular service.

These numbers are TCP/IP port numbers which each service uses when they are running. For example: In the above figure, Apache is using TCP/IP Port Number 80 and 443 and MySQL is using 3306 TCP/IP port number. These port numbers are considered to be there default port numbers.

Start services like Apache or MySQL by clicking on the start button under action section

PID(s)

When you will start any service provided under the Module section, you will see some numbers will appear next to that particular service under the PID section. These numbers are the process ID for that particular service. Each service running on the computer has some process ID.

For example: In the above figure, Apache and MySQL are running. The process ID for Apache is 13532 and 17700 and process ID for MySQL is 6064.

Service running on computer has some process ID | Install And Configure XAMPP on Windows 10

Admin

Corresponding to the running services, the Admin button becomes active. By clicking on it you can get access to the administration dashboard from where you can check if everything is working correctly or not.

Below figure shows a screen which will open up after clicking at Admin button corresponding to MySQL service.

Screen will open up after clicking at Admin button corresponding to MySQL service

Config

Corresponding to each service under the Module section, Config button is available. If you click on the Config button, you can easily configure each of the above services.

click on config button which can configure about each service | Install XAMPP on Windows 10

At the extreme right side, one more Config button is available. If you click on this Config button then you can configure which services to automatically start when you launch XAMPP. Also, some options are available which you can modify according to your need and requirements.

Click on Config button at the extreme right and service start automatically when you launch XAMPP

By clicking on above Config button, below dialog box will appear.

Clicking on Config button, a dialog box will appear | Install And Configure XAMPP on Windows 10

1.Under Autostart of modules, you can check the services or modules which you want to start automatically when XAMPP is launched.

2.If you want to change the language of XAMPP then you can click on the Change Language button.

3.You can also modify Service and Port Settings.

For example: If you want to change the default port for Apache server follow the below steps:

a.Click on Service and Port Settings button.

Click on Service and Port Settings

b.Below Service Settings dialog box will open up.

Service Settings dialog box will open up | Install And Configure XAMPP on Windows 10

c.Change the Apache SSL Port from 443 to any other value like 4433.

Note: You should note down the above port number somewhere safe as it may be needed in the future.

d.After changing the port number, click on the Save button.

e.Now click on the Config button next to Apache under the Module section in XAMPP Control Panel.

Click on the config button next to Apache under Module section in XAMPP Control Panel

f.Click on Apache (httpd-ssl.conf) from the context menu.

Click on Apache (httpd-ssl.conf) | Install And Configure XAMPP on Windows 10

g.Search for “Listen” under the text file which just opened and change the port value to which you earlier noted in step c. Here it will be 4433 but in your case, it will be different.

Search for listen and change the port value. Here it is 4433

h.Also look for <VirtualHost _default_:previous port number>. Change the port number to the new port number. In this case, it will look like <VirtualHost _default_:4433>

i.Save the changes.

4.After making changes, click on the Save button.

5.If you do not want to save the changes then click on the Abort button and your XAMPP will roll back to the previous state.

Netstat

On the extreme right side, below the Config button, Netstat button is available. If you will click on it, it will give you a list of services or sockets currently running and accessing which network, their process ID and TCP/IP port information.

Click on Netstat button and give list of services or sockets currently running and accessing which network

List will be divided into three parts:

Active Sockets/Services
New Sockets
Old Sockets

Shell

On the extreme right side, below the Netstat button, Shell button is available. If you click on the Shell button then it would open the shell command line utility where you can type commands to access the services, apps, folders, etc.

Type commands in shell command line utility to access the services, apps, folders etc

Explorer

Below the Shell button, there is an Explorer button, by clicking on it you can open the XAMPP folder in File Explorer and can see all the available folders of XAMPP.

Click on Explorer button to open the XAMPP folder in File Explorer and see folders of XAMPP

Services

If you click on the Services button below the Explorer button, it will open the Services dialog box which will give you the details of all the services running on your computer.

Can see details of all the services running on your computer By clicking on services button

Help

By clicking on Help button present below the Service button, you can look for any help you want by clicking on the available links.

Click on Help button present below the Service button, can take help by clicking on available links

Quit

If you want to exit from XAMPP Control Panel, then click on the Quit button available on the extreme right side below the Help button.

Log Section

At the bottom of the XAMPP Control Panel, present a box of logs where you can see which activities are currently running, what errors are faced by the running services of XAMPP. It will provide you with information on what happens when you start a service or when you stop service. Also, it will provide you information regarding each and every action taking place under XAMPP. This is also the first place to look when something goes wrong.

At the bottom of XAMPP Control Panel, can see what are the activities going on using XAMPP

Most of the times, your XAMPP will work perfectly using the default settings to create a testing environment to run the website you have created. However, sometimes depending on the availability of port or your setup configuration you may need to change the TCP/IP port number of the running services or set the password for phpMyAdmin.

To change these settings, use the Config button corresponding to the service for which you want to make changes and save the changes and you will be good to use the XAMPP and the other services provided by it.

Recommended:

I hope this article was helpful and you can now easily Install And Configure XAMPP on Windows 10, but if you still have any questions regarding this tutorial then feel free to ask them in the comment’s section.

จินดา สุรบดินทร์

About the author

ฉันเป็นช่างเทคนิคด้านเสียงและคีย์บอร์ดมืออาชีพที่มีประสบการณ์มากกว่า 10 ปี ฉันเคยทำงานในโลกธุรกิจ ในตำแหน่งที่ปรึกษาและผู้จัดการผลิตภัณฑ์ และล่าสุด เป็นวิศวกรซอฟต์แวร์ ทักษะและประสบการณ์ของฉันช่วยให้ฉันทำงานในโครงการประเภทต่างๆ ตั้งแต่ธุรกิจขนาดเล็กไปจนถึงบริษัทขนาดใหญ่ ฉันยังเป็นผู้เชี่ยวชาญใน Windows 11 และทำงานเกี่ยวกับระบบปฏิบัติการใหม่มานานกว่าสองปีแล้ว

ติดตั้งและกำหนดค่า XAMPP บน Windows 10

ติดตั้งและกำหนดค่า XAMPP บน Windows 10^{(Install And Configure XAMPP on Windows 10)}

วิธีการติดตั้ง XAMPP บน Windows 10^{(How to Install XAMPP on Windows 10)}

วิธีกำหนดค่า XAMPP บน Windows 10^{(How to configure XAMPP on Windows 10)}

Install And Configure XAMPP on Windows 10

Install And Configure XAMPP on Windows 10

How to Install XAMPP on Windows 10

How to configure XAMPP on Windows 10

จินดา สุรบดินทร์

About the author

Related posts

Fix Unable เพื่อ Install DirectX บน Windows 10

Download & Install DirectX บน Windows 10

Install Group Policy Editor (gpedit.msc) บน Windows 10 Home

วิธีการทำ Clean Install ของ Windows 10

วิธีดาวน์โหลด ติดตั้ง และใช้ WGET สำหรับ Windows 10

Fix Black Desktop Background ใน Windows 10

Fix VCRUNTIME140.dll หายไปจาก Windows 10

ได้อย่างง่ายดาย View Chrome Activity ใน Windows 10 Timeline

Fix Unable ถึง Delete Temporary Files ใน Windows 10

Defer Feature and Quality Updates ใน Windows 10

Mouse Pointer Lags ใน Windows 10 [แก้ไขแล้ว]

Fix Function คีย์ไม่ทำงานกับ Windows 10

วิธีการปิดใช้งาน Sticky Corners ใน Windows 10

3 Ways เพื่อ Increase Dedicated VRAM ใน Windows 10

3 Ways ถึง Add Album Art ถึง MP3 ใน Windows 10

การสร้าง Full System Image Backup ใน Windows 10 [คู่มือที่ดีที่สุด]

วิธีการเปลี่ยน Screen Brightness ใน Windows 10

Hide Items จาก Control Panel ใน Windows 10

ทำไมคุณต้องปิดการใช้งาน Fast Startup ใน Windows 10

วิธีการสร้าง System Image Backup ใน Windows 10

ติดตั้งและกำหนดค่า XAMPP บน Windows 10

ติดตั้งและกำหนดค่า XAMPP บน Windows 10(Install And Configure XAMPP on Windows 10)

วิธีการติดตั้ง XAMPP บน Windows 10(How to Install XAMPP on Windows 10)

วิธีกำหนดค่า XAMPP บน Windows 10(How to configure XAMPP on Windows 10)

Install And Configure XAMPP on Windows 10

Install And Configure XAMPP on Windows 10

How to Install XAMPP on Windows 10

How to configure XAMPP on Windows 10

จินดา สุรบดินทร์

About the author

Related posts

Fix Unable เพื่อ Install DirectX บน Windows 10

Download & Install DirectX บน Windows 10

Install Group Policy Editor (gpedit.msc) บน Windows 10 Home

วิธีการทำ Clean Install ของ Windows 10

วิธีดาวน์โหลด ติดตั้ง และใช้ WGET สำหรับ Windows 10

Fix Black Desktop Background ใน Windows 10

Fix VCRUNTIME140.dll หายไปจาก Windows 10

ได้อย่างง่ายดาย View Chrome Activity ใน Windows 10 Timeline

Fix Unable ถึง Delete Temporary Files ใน Windows 10

Defer Feature and Quality Updates ใน Windows 10

Mouse Pointer Lags ใน Windows 10 [แก้ไขแล้ว]

Fix Function คีย์ไม่ทำงานกับ Windows 10

วิธีการปิดใช้งาน Sticky Corners ใน Windows 10

3 Ways เพื่อ Increase Dedicated VRAM ใน Windows 10

3 Ways ถึง Add Album Art ถึง MP3 ใน Windows 10

การสร้าง Full System Image Backup ใน Windows 10 [คู่มือที่ดีที่สุด]

วิธีการเปลี่ยน Screen Brightness ใน Windows 10

Hide Items จาก Control Panel ใน Windows 10

ทำไมคุณต้องปิดการใช้งาน Fast Startup ใน Windows 10

วิธีการสร้าง System Image Backup ใน Windows 10

ติดตั้งและกำหนดค่า XAMPP บน Windows 10^{(Install And Configure XAMPP on Windows 10)}

วิธีการติดตั้ง XAMPP บน Windows 10^{(How to Install XAMPP on Windows 10)}

วิธีกำหนดค่า XAMPP บน Windows 10^{(How to configure XAMPP on Windows 10)}