วิธีตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP (พร้อมรูปภาพ)

สารบัญ:

วิธีตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP (พร้อมรูปภาพ)
วิธีตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP (พร้อมรูปภาพ)

วีดีโอ: วิธีตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP (พร้อมรูปภาพ)

วีดีโอ: วิธีตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP (พร้อมรูปภาพ)
วีดีโอ: Windows 11 เชื่อมต่อ WIFI ไม่ได้ ไอคอนหาย ใช้งาน Internet ไม่ได้ แก้ไขอย่างไร 2024, อาจ
Anonim

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

ขั้นตอน

วิธีที่ 1 จาก 2: การติดตั้งเว็บเซิร์ฟเวอร์แอปพลิเคชัน

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 1
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 1

ขั้นตอนที่ 1 ไปที่ https://www.apachefriends.org/index.html ในเว็บเบราว์เซอร์

นี่คือหน้าเว็บที่จะดาวน์โหลดไคลเอนต์ XAMPP

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 2
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 2

ขั้นตอนที่ 2 คลิกลิงก์สำหรับระบบปฏิบัติการของคุณ

XAMPP พร้อมใช้งานสำหรับ Windows, Linux และ macOS คลิกปุ่มดาวน์โหลดสำหรับระบบใดก็ตามที่คอมพิวเตอร์ของคุณทำงาน คุณจะถูกเปลี่ยนเส้นทางไปยังหน้าดาวน์โหลดและการดาวน์โหลดของคุณจะเริ่มโดยอัตโนมัติ

หากการดาวน์โหลดของคุณไม่เริ่มโดยอัตโนมัติ ให้คลิกข้อความสีเขียวที่เขียนว่า คลิกที่นี่ ที่ด้านบนของหน้า

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 3
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 3

ขั้นตอนที่ 3 ดับเบิลคลิกที่ไฟล์ติดตั้ง

เมื่อดาวน์โหลดไฟล์ติดตั้งเสร็จแล้ว คุณสามารถเปิดไฟล์ที่ดาวน์โหลดมาในเว็บเบราว์เซอร์หรือโฟลเดอร์ดาวน์โหลด ไฟล์การติดตั้งคือ "xampp-windows-x64-XXX-0-VC15-installer.exe" บน Windows, "xampp-osx-XXX-0-vm.dmg" บน Mac และ "xampp-linux-x64-XXX- 0-installer.run" บน Linux

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

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 4
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 4

ขั้นตอนที่ 4 คลิกถัดไป

เมื่อคุณเห็นหน้าจอต้อนรับของตัวติดตั้ง XAMPP ให้คลิก ต่อไป เพื่อจะดำเนินการต่อ.

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 5
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 5

ขั้นตอนที่ 5. เลือกบริการที่คุณต้องการติดตั้งและคลิกถัดไป

XAMPP มีบริการที่หลากหลาย รวมถึง PHP, MySQL, Apache, phpMyAdmin และอื่นๆ คลิก ต่อไป เพื่อติดตั้งทุกอย่าง หรือยกเลิกการเลือกช่องข้างบริการที่คุณไม่ต้องการติดตั้ง แล้วคลิก ต่อไป.

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 6
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 6

ขั้นตอนที่ 6 เลือกโฟลเดอร์ที่จะติดตั้ง XAMPP และคลิกถัดไป

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

บน Mac เมื่อคุณเห็นไอคอน XAMPP พร้อมลูกศรชี้ไปที่โฟลเดอร์ Applications ให้คลิกและลาก XAMPP.app ไปยังโฟลเดอร์ Applications ตามที่ระบุไว้เพื่อคัดลอกไปยังโฟลเดอร์ Applications ของคุณ

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 7
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 7

ขั้นตอนที่ 7 คลิก Next ต่อไปจนกว่า XAMPP จะเริ่มทำการติดตั้ง

เมื่อคุณเห็นหน้าจอข้อมูลเกี่ยวกับ Bitnami คลิก ต่อไป เพื่อจะดำเนินการต่อ.

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 8
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 8

ขั้นตอนที่ 8 คลิก เสร็จสิ้น

เมื่อขั้นตอนการติดตั้งเสร็จสมบูรณ์ คลิก เสร็จสิ้น.

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 9
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 9

ขั้นตอนที่ 9 เลือกภาษาของคุณและคลิกบันทึก

คลิกธงที่ใช้แทนภาษาของคุณ (อังกฤษหรือเยอรมัน) จากนั้นคลิก บันทึก. XAMPP จะเปิดขึ้นโดยอัตโนมัติเมื่อการติดตั้งเสร็จสิ้น

วิธีที่ 2 จาก 2: การกำหนดค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลของคุณ

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 10
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 10

ขั้นตอนที่ 1. ดับเบิลคลิกที่ไอคอน XAMPP ที่สร้างขึ้นใหม่

มีไอคอนสีส้มที่คล้ายกับ "X" ซึ่งจะแสดงแผงควบคุม XAMPP

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 11
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 11

ขั้นตอนที่ 2 คลิกปุ่มเริ่มถัดจาก Apache และ MySQL

สิ่งนี้จะเริ่มต้นบริการเว็บส่วนบุคคลหรือ Apache และ MySQL

  • บน Mac คลิก เริ่ม ใต้แท็บทั่วไป จากนั้นคลิกที่ บริการ แท็บและเลือก Apache และคลิก เริ่ม. จากนั้นเลือก MySQL และคลิก เริ่ม.
  • คุณอาจเห็นข้อความ Windows สองสามข้อความหลังจากคลิกเริ่ม
  • มีบางครั้งที่คุณอาจคลิกที่ "เริ่ม" เพื่อเริ่มเว็บเซิร์ฟเวอร์และไม่ต้องการเริ่มต้น ซึ่งมักเกิดจากโปรแกรมอื่นที่ใช้พอร์ตเดียวกันกับเว็บเซิร์ฟเวอร์ ข้อขัดแย้งที่พบบ่อยที่สุดคือ Skype หากเว็บเซิร์ฟเวอร์ของคุณไม่เริ่มทำงานและคุณใช้งาน Skype อยู่ ให้ปิด Skype แล้วลองเริ่มเว็บเซิร์ฟเวอร์อีกครั้ง
  • หากต้องการเปลี่ยนหมายเลขพอร์ต ให้คลิก การกำหนดค่า ข้าง "Apache" และเปิดไฟล์ "httpd.conf" จากนั้นเปลี่ยนหมายเลขพอร์ตถัดจาก "ฟัง" เป็นหมายเลขพอร์ตฟรี จากนั้นเปิดไฟล์ "httpd-ssl.conf" ใต้ "Config" และเปลี่ยนหมายเลขพอร์ตข้าง "Listen" เป็นหมายเลขพอร์ตว่างใดๆ คลิก เน็ตสตัท เพื่อดูรายการหมายเลขพอร์ตที่แต่ละโปรแกรมใช้
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 12
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 12

ขั้นตอนที่ 3 คลิกผู้ดูแลระบบถัดจาก Apache

หากทุกอย่างทำงานอย่างถูกต้อง คุณควรเห็น XAMPP Dashboard คุณสามารถคลิกไอคอนใดไอคอนหนึ่งที่ด้านล่างของหน้าจอเพื่อดูรายการโมดูลเพิ่มเติมที่คุณสามารถติดตั้งและใช้งานกับ XAMPP ได้ ซึ่งรวมถึง WordPress, Drupal, Joomla!, Mautic, OpenCart, OwnCloud, phpList, phpBB และอื่นๆ

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 13
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 13

ขั้นตอนที่ 4 คลิกผู้ดูแลระบบถัดจาก "MySQL"

ซึ่งจะเปิดแดชบอร์ด phpMyAdmin ที่นี่คุณสามารถกำหนดค่าฐานข้อมูล PHP ของคุณ

ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 14
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 14

ขั้นตอนที่ 5. สร้างฐานข้อมูลใหม่ (ไม่บังคับ)

หากคุณต้องการสร้างฐานข้อมูลใหม่เพื่อทดสอบคุณลักษณะสำหรับเว็บไซต์ด้วย ให้ใช้ขั้นตอนต่อไปนี้:

  • คลิก ฐานข้อมูล เพื่อดูรายการฐานข้อมูล
  • ป้อนชื่อฐานข้อมูลที่ระบุว่า "ชื่อฐานข้อมูล"
  • คลิก สร้าง.
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 15
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 15

ขั้นตอนที่ 6 เพิ่มรหัสผ่านสำหรับฐานข้อมูลของคุณ (ไม่บังคับ)

หากคุณต้องการระบุรหัสผ่านสำหรับผู้ใช้ root ของ MySQL ให้ใช้ขั้นตอนต่อไปนี้:

  • คลิก บัญชีผู้ใช้.
  • คลิก แก้ไขสิทธิ์ ข้าง "Local Host" ด้วยชื่อผู้ใช้ "root"
  • คลิก เปลี่ยนรหัสผ่าน.
  • ป้อนรหัสผ่านในช่องว่างที่ให้ไว้
  • คลิก ไป ที่มุมล่างขวา
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 16
ตั้งค่าเว็บเซิร์ฟเวอร์ส่วนบุคคลด้วย XAMPP ขั้นตอนที่ 16

ขั้นตอนที่ 7 แก้ไขข้อผิดพลาด "Access Denied"

หลังจากตั้งรหัสผ่านสำหรับฐานข้อมูล PHP ของคุณ คุณอาจได้รับข้อความแสดงข้อผิดพลาดเมื่อพยายามเชื่อมต่อกับ phpMyAdmin ใช้ขั้นตอนต่อไปนี้เพื่อแก้ไขข้อผิดพลาด "Access Denied" จากนั้นระบบจะขอให้คุณป้อนรหัสผ่านเมื่อคุณเชื่อมต่อกับ phpMyAdmin:

  • คลิก สำรวจ ทางด้านขวาในแผงควบคุม XAMPP
  • เปิดโฟลเดอร์ "phpMyAdmin"
  • เปิดไฟล์ "config.inc.php" ใน NotePad หรือโปรแกรมแก้ไขข้อความอื่น
  • เปลี่ยน "config" เป็น "cookie" ข้าง "$cfg['Servers'][$i]['auth_type'] = 'config';"
  • เปลี่ยน "true" เป็น "false" ถัดจาก "On $cfg['Servers'][$i]['AllowNoPassword'] = true;"
  • คลิก ไฟล์.
  • คลิก บันทึก.

แนะนำ: