วิธีตั้งค่าไซต์ WordPress หลายไซต์โดยใช้ XAMPP

เผยแพร่แล้ว: 2021-12-22

XAMPP ถูกใช้โดยผู้ดูแลระบบ WordPress หลายคนในการตั้งค่าสภาพแวดล้อมของ WordPress แม้ว่าจะมีการใช้กรณีต่างๆ มากมาย แต่กรณีการใช้งานทั่วไปบางกรณีคือการตั้งค่าสภาพแวดล้อมการจัดเตรียม การพัฒนา หรือการทดสอบ ในฐานะที่เป็นสภาพแวดล้อมที่กำหนดค่าได้สูง XAMPP มีข้อดีมากมาย รวมถึงความสามารถในการตั้งค่าไซต์ WordPress หลายไซต์ผ่านโฮสต์เสมือน

XAMPP คืออะไร?

XAMPP คือสิ่งที่เรียกว่าสภาพแวดล้อมการพัฒนา ประกอบด้วยแพ็คเกจทั้งหมดที่นักพัฒนา PHP ต้องการเพื่อพัฒนาซอฟต์แวร์ PHP ในขณะเดียวกันก็ให้ทุกสิ่งที่เราต้องการเพื่อตั้งค่าสภาพแวดล้อม WordPress

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

เว็บเซิร์ฟเวอร์ – เว็บเซิร์ฟเวอร์คือสิ่งที่นำเสนอเว็บไซต์ WordPress อย่างแท้จริง มีเว็บเซิร์ฟเวอร์ต่างๆ มากมายรวมถึง Nginx, Apache และ IIS พร้อมด้วย XAMPP รวมถึง Apache

ฐานข้อมูล SQL – WordPress ใช้ฐานข้อมูล SQL เพื่อเก็บข้อมูล แม้ว่าส่วนใหญ่จะคุ้นเคยกับ MySQL ของ SQL แต่ในหลายกรณี สิ่งที่คุณได้รับคือ MariaDB สิ่งสำคัญคือต้องทราบว่าผู้คนและองค์กรจำนวนมากใช้คำนี้แทนกันได้

Geek note : Oracle เข้าซื้อกิจการ MySQL เมื่อปี 2552 เนื่องจากข้อกังวลในการเข้าซื้อกิจการนี้ นักพัฒนา MySQL หลายรายจึงแยกย้ายกันไปพัฒนา MariaDB ในระหว่างนี้ MariaDB ได้กลายเป็นหนึ่งใน RDBMS ที่มีการใช้งานมากที่สุด

PHP – PHP เป็นภาษาที่ WordPress เขียนขึ้นและ WordPress จำเป็นต้องใช้ในการทำงาน สิ่งนี้จำเป็นเนื่องจากเว็บเซิร์ฟเวอร์ต้องรันโค้ด WordPress ซึ่งเราสามารถทำได้ก็ต่อเมื่อติดตั้ง PHP ไว้เท่านั้น

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

ในหมายเหตุด้านข้าง XAMPP ยังรวม Perl ด้วย แม้ว่าจะไม่จำเป็นสำหรับ WordPress แต่ผู้ดูแลระบบ WordPress ด้านเทคนิคอาจใช้สิ่งนี้เพื่อเขียนสคริปต์

อีกสิ่งหนึ่งที่มาพร้อมกับ XAMPP ที่คุณน่าจะชอบคือ Bitnami สำหรับ XAMPP Bitnami เป็นผลิตภัณฑ์ซอฟต์แวร์แอพพลิเคชั่นแบบแพ็คเกจโดย VMware ที่ช่วยให้เราติดตั้งโมดูล เช่น WordPress ได้อย่างง่ายดายเหมือนกับที่เราจะติดตั้งซอฟต์แวร์อื่น ๆ ด้วย XAMPP และ Bitnami เราสามารถมีสภาพแวดล้อมการแสดงละครเต็มรูปแบบและทำงานภายในไม่กี่นาที

Geek note : X ใน XAMPP ระบุว่าใช้ได้กับระบบปฏิบัติการหลายระบบ ในกรณีนี้ คุณสามารถดาวน์โหลด XAMPP สำหรับ Windows, Mac OS และ Linux

ทำไมต้องใช้ XAMPP?

XAMPP ทำให้ง่ายต่อการติดตั้งทุกอย่างที่เราต้องการเพื่อสร้างสภาพแวดล้อมการจัดเตรียม WordPress ในแพ็คเกจเดียวที่สะดวกสบาย แน่นอน คุณสามารถดาวน์โหลดและติดตั้งแต่ละแพ็คเกจได้เท่าๆ กัน และผลลัพธ์สุดท้ายก็จะเหมือนกัน – หากคุณรู้สึกสบายใจที่จะจัดการกับไฟล์การกำหนดค่าต่างๆ

กำลังดาวน์โหลด XAMPP

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

กำลังติดตั้ง XAMPP

การติดตั้ง XAMPP เป็นกระบวนการที่ค่อนข้างตรงไปตรงมา ไม่จำเป็นต้องมีทักษะทางเทคนิคพิเศษใดๆ ในการเริ่มต้น เพียงดับเบิลคลิกที่ไฟล์ที่ดาวน์โหลดและทำตามคำแนะนำบนหน้าจอ

คุณจะต้องเลือกตำแหน่งที่คุณต้องการติดตั้ง XAMPP ภาษา และคุณต้องการติดตั้ง Bitnami สำหรับ XAMPP หรือไม่ คุณอาจต้องยกเว้นไฟร์วอลล์สำหรับ MariaDB และ Apache ทั้งนี้ขึ้นอยู่กับการตั้งค่าเครื่องของคุณ

หมายเหตุ Geek: หากคุณกำลังวางแผนที่จะเข้าถึงสภาพแวดล้อมในเครื่องเท่านั้น คุณไม่จำเป็นต้องเปิดพอร์ตไฟร์วอลล์

การติดตั้ง WordPress

เมื่อ XAMPP เริ่มทำงานแล้ว คุณสามารถติดตั้ง WordPress ได้โดยดาวน์โหลด WordPress Bitnami Module สำหรับ XAMPP อีกครั้ง นี่เป็นกระบวนการที่ค่อนข้างง่าย คุณจะต้องกำหนดค่าบัญชีผู้ใช้และชื่อเว็บไซต์ของคุณในขณะที่โปรแกรมติดตั้งดูแลทุกอย่าง รวมถึงการสร้างฐานข้อมูลที่จำเป็น

เมื่อเสร็จแล้ว คุณจะสามารถเข้าถึงการติดตั้ง WordPress ใหม่ของคุณได้

การตั้งค่า WordPress

หากคุณมีเว็บไซต์ที่ใช้งานจริงอยู่แล้ว และต้องการตั้งค่าสภาพแวดล้อมการจัดเตรียม / กำลังพัฒนา คุณสามารถสำรองข้อมูลและกู้คืนกลับเป็นสภาพแวดล้อมการจัดเตรียม วิธีนี้จะช่วยให้คุณแน่ใจว่าคุณมีสภาพแวดล้อมเดียวกันในทั้งสองระบบ หากคุณยังไม่มีเว็บไซต์ที่ใช้งานจริง คุณสามารถเริ่มตั้งค่าเว็บไซต์ของคุณในสภาพแวดล้อมการทดสอบได้

ตัวเลือกการกำหนดค่าเพิ่มเติม – ใช้งานไซต์ WordPress หลายไซต์บน XAMPP

คุณสามารถเรียกใช้เว็บไซต์ WordPress มากกว่าหนึ่งแห่งในสภาพแวดล้อมการจัดเตรียม XAMPP ผ่านโฮสต์เสมือน

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

การเพิ่มโฮสต์เสมือนหลายตัว

โฮสต์เสมือนถูกเพิ่มผ่านไฟล์คอนฟิกูเรชันโฮสต์เสมือน HTTPD คุณจะพบไฟล์นี้ในไดเร็กทอรีต่อไปนี้: C:\xampp\apache\conf\extra\httpd-vhosts.conf

หากคุณติดตั้ง XAMPP ในไดเร็กทอรีอื่น ไฟล์คอนฟิกูเรชันจะอยู่ที่นั่นแทนพาธที่ให้ไว้ด้านบน

Geek note : httpd ในชื่อไฟล์ย่อมาจาก http daemon Daemons เป็นกระบวนการพื้นหลังของ Linux โดยที่ httpd เป็นกระบวนการพื้นหลังของ Apache บน Windows daemons ถูกเรียกว่าบริการ แต่หลักการตั้งชื่อ Linux ยังคงค้างอยู่ ตอนนี้กลับไปแก้ไขไฟล์

1. เปิดใช้งาน Virtual Hosts ในการกำหนดค่า Apache

สิ่งแรกที่คุณต้องทำคือค้นหาและยกเลิกหมายเหตุบรรทัดต่อไปนี้:

NameVirtualHosts *:80

สิ่งนี้บอก Apache ว่าเราจะใช้โฮสต์เสมือนบนพอร์ต 80 ถัดไป ที่ส่วนท้ายของไฟล์ ให้เพิ่ม 4 บรรทัดต่อไปนี้:

 <VirtualHost *> DocumentRoot "C:\XAMPP\htdocs" ServerName localhost </VirtualHost> 

2. การกำหนดโฮสต์เสมือน

เมื่อเสร็จแล้ว เราสามารถเริ่มเพิ่มโฮสต์เสมือนได้ ต้องเพิ่มสิ่งเหล่านี้ด้วยตนเองในไฟล์ httpd-vhosts.conf ซึ่งคุณจะพบใน /xampp/apache/conf/extra สำหรับแต่ละโฮสต์เสมือนที่เราต้องการเพิ่ม เราจำเป็นต้องเพิ่มชุดคำสั่งที่ให้รายละเอียดการกำหนดค่าพื้นฐานแก่ Apache กำหนดไว้ดังนี้

<VirtualHost *>
 DocumentRoot "C:\XAMPP\htdocs\wppro"
 ServerName www.wpwhitesecurity.com
 <Directory "C:\XAMPP\htdocs\wppro">
Options Indexes FollowSymLinks Includes ExecCGI
Order allow,deny
 Allow from all
</Directory>
</VirtualHost>

มาดูกันว่าแต่ละบรรทัดมีอะไรบ้าง

  • บรรทัดที่ 1 – เปิดชุดคำสั่งใหม่ แจ้ง Apache เราจะประกาศโฮสต์เสมือนใหม่
  • บรรทัดที่ 2 – ระบุตำแหน่งของไฟล์เว็บไซต์ โดยแต่ละโฮสต์เสมือนมีไดเร็กทอรีของตัวเอง
  • บรรทัดที่ 3 – ระบุชื่อที่เว็บไซต์ควรตอบกลับ
  • บรรทัดที่ 4 – 8 – ระบุว่าใครควรมีสิทธิ์เข้าถึงเนื้อหาของไดเร็กทอรี ไดเร็กทอรีที่แสดงไว้ที่นี่ควรตรงกับไดเร็กทอรีที่ระบุในบรรทัดที่ 2
  • บรรทัดที่ 9 – ปิดชุดคำสั่งนี้สำหรับโฮสต์เสมือนนี้

คุณจะต้องเพิ่มชุดคำสั่งสำหรับโฮสต์เสมือนแต่ละโฮสต์แยกกัน เมื่อคุณกำหนดค่าโฮสต์เสมือนทั้งหมดแล้ว ให้บันทึกไฟล์และปิด หากต้องการทดสอบและยืนยันว่าไวยากรณ์ทั้งหมดในการกำหนดค่า Apache ถูกต้อง ให้เรียกใช้กระบวนการ httpd.exe โดยใช้สวิตช์ –t จากไดเร็กทอรี c:\xampp\apache\bin ดังที่แสดงในภาพหน้าจอด้านล่าง

3. ทางเลือก: แก้ไขไฟล์ Windows Hosts

คุณสามารถเข้าถึงสภาพแวดล้อมการทดสอบโดยใช้ชื่อที่เข้าใจง่ายขึ้นโดยแก้ไขไฟล์โฮสต์ของ Windows ตัวอย่างเช่น. คุณอาจต้องการเข้าถึงเว็บไซต์ของคุณโดยพิมพ์ stagingsite.com แทน localhost/stagingsite เพื่อให้จดจำได้ง่ายขึ้น

Geek note : ไฟล์ hosts เป็นไฟล์ข้อความที่จับคู่ที่อยู่ IP กับชื่อโฮสต์ Windows จะตรวจสอบไฟล์นี้ก่อนที่จะส่งคำขอ DNS ซึ่งจะแทนที่ชื่อโดเมนจริงอย่างมีประสิทธิภาพ แม้ว่าไฟล์โฮสต์จะเป็นที่มาของการเล่นแกล้งกันมากมาย แต่จริงๆ แล้วไฟล์เหล่านั้นเป็น DNS ก่อนวันที่ เดิมทีเป็นไฟล์ที่ดูแลโดยสถาบันวิจัยสแตนฟอร์ดและแชร์โดยผู้ที่ต้องการเข้าถึงเวอร์ชันแรกสุดของอินเทอร์เน็ตซึ่งขณะนี้คืออินเทอร์เน็ต ทำให้พวกเขาสามารถเยี่ยมชมเว็บไซต์ได้ ซึ่งหมายความว่า คุณต้องดาวน์โหลดเซิร์ฟเวอร์ DNS เป็นระยะๆ แทนที่จะส่งคำขอเพียงอย่างเดียว เมห์.

เมื่อคุณพอใจกับสภาพแวดล้อมการทดสอบแล้ว คุณก็สามารถทำการสำรองข้อมูลและกู้คืนไปยังสภาพแวดล้อมจริงได้