วิธีกำหนดค่า Virtual Host บน Windows 10

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

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

ในบทช่วยสอนนี้ ฉันจะสาธิตวิธีที่คุณสามารถตั้งค่าและกำหนดค่าโฮสต์เสมือนสำหรับเว็บไซต์ WordPress ที่มี XAMPP ทำงานบน Windows 10 ได้ ฉันถือว่าคุณมี XAMPP และ WordPress ติดตั้งอยู่บน Windows 10 ของคุณแล้ว หากคุณสนใจที่จะตั้งค่า ในไซต์ WordPress ใหม่บน XAMPP เราได้สร้างคำแนะนำโดยละเอียดที่กล่าวถึงรายละเอียดของการติดตั้งและเรียกใช้ไซต์ WordPress บน XAMPP

โฮสต์เสมือนคืออะไร?

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

โฮสต์เสมือนมีสามประเภท ชื่อ IP และตามพอร์ต

ตามชื่อ คุณสามารถโฮสต์หลายเว็บไซต์บน IP เซิร์ฟเวอร์เดียวกันได้

ตาม IP แต่ละเว็บไซต์ใช้ที่อยู่ IP ที่ไม่ซ้ำกัน

ใน Port-Based เว็บไซต์ต่างๆ โฮสต์บนที่อยู่ IP ทั่วไป แต่จะแยกความแตกต่างตามหมายเลขพอร์ตที่ไม่ซ้ำกัน

สร้างโฮสต์เสมือน

ในบทความนี้ ฉันกำลังสร้างโฮสต์เสมือนในสภาพแวดล้อมท้องถิ่นเพื่อทำงานกับโครงการ WordPress ต่างๆ

เริ่มกันเลย!

ขั้นแรก คุณต้องไปที่ D:\xampp\apache\conf\extra หรือที่ใดก็ตามที่ไฟล์ XAMPP ของคุณตั้งอยู่ ในกรณีของฉัน ไฟล์ XAMPP ของฉันอยู่ในไดรฟ์ D

จากนั้นแก้ไข httpd-vhosts.con f ด้วยโปรแกรมแก้ไขข้อความใดๆ ในกรณีของฉัน ฉันใช้ Notepad++

ไฟล์มีลักษณะดังนี้:

ตอนนี้ วางรหัสต่อไปนี้ที่ส่วนท้ายของข้อความ/รหัสของไฟล์:

 <VirtualHost *:80>

DocumentRoot "D:\xampp\htdocs\testing"

ชื่อเซิร์ฟเวอร์ farhan.cw

<ไดเรกทอรี "D:\xampp\htdocs\testing">

</Directory>

</VirtualHost>

ในรหัสด้านบน:

• VirtualHost: เว็บเซิร์ฟเวอร์ส่วนใหญ่ใช้พอร์ต 80 เป็นพอร์ตเริ่มต้น อย่างไรก็ตาม คุณสามารถเปลี่ยนพอร์ตเป็น 8080, 8081 เป็นต้น
• DocumentRoot: โฟลเดอร์ที่มีไฟล์ของไซต์อยู่ ในกรณีของเรา ชื่อโฟลเดอร์คือ "กำลังทดสอบ"
• ServerName : เป็น URL สำหรับโฮสต์เสมือนของเรา
• ไดเรกทอรี: เป็นไดเรกทอรีของโฮสต์เสมือนของเรา

ตอนนี้ไปที่ Windows > ค้นหา > เรียกใช้ และวางบรรทัดต่อไปนี้:

 C:\Windows\System32\drivers\etc\hosts 

ถัดไป เปิดไฟล์โฮสต์ในโปรแกรมแก้ไขข้อความของคุณ และเพิ่มบรรทัดต่อไปนี้ในไฟล์โฮสต์

 127.0.0.1 farhan.cw 

เมื่อเสร็จแล้ว คุณต้องรีสตาร์ท Apache และ MySQL จากแผงควบคุม XAMPP และตรวจสอบว่า http://localhost/testing เปิดขึ้นในเบราว์เซอร์ของคุณหรือไม่

คุณจะเห็นว่าโดเมนได้รับการเปลี่ยนแปลงเรียบร้อยแล้ว และข้อผิดพลาดเซิร์ฟเวอร์ภายใน 500 รายการปรากฏขึ้นสำหรับ URL ก่อนหน้าของคุณ (http://localhost/testing)

ต่อไป เราต้องเปลี่ยน URL ไซต์ของ WordPress ดังนั้นเราจึงต้องเข้าถึงฐานข้อมูล

กำหนดค่า URL ไซต์ WordPress

ณ จุดนี้ ฉันคิดว่าคุณมีเว็บไซต์ WordPress ที่จัดตั้งขึ้น

ตอนนี้ ได้เวลาเปลี่ยน URL ฐานข้อมูล (ขั้นตอนสำคัญมากในการกำหนดค่าโฮสต์เสมือน)

สำหรับสิ่งนี้ ให้เปิดเบราว์เซอร์ของคุณและไปที่ http://localhost/phpmyadmin/ และเลือกฐานข้อมูลของคุณ ในกรณีของฉัน มันคือ " การทดสอบ "

จากนั้นเปิด wp_options แล้วคลิกแก้ไข URL ของไซต์จาก http://localhost/testing/ เป็น http://farhan.cw และ URL หลักจาก http://localhost/testing เป็น http://farhan.cw

รีสตาร์ท Apache และไปที่ URL โฮสต์เสมือนของคุณ ในกรณีของเราคือ " farhan.cw " และตรวจสอบว่าโดเมนได้รับการตั้งค่าสำเร็จหรือไม่

เนื่องจากการตั้งค่า Virtual Hosts สำหรับเว็บไซต์ WordPress เสร็จสิ้น ผลลัพธ์สุดท้ายจะเป็นดังนี้:

คำพูดสุดท้าย

แค่นั้นแหละ! ฉันหวังว่าคุณจะมีความคิดที่ชัดเจนในการตั้งค่า Virtual Hosts สำหรับ WordPress ด้วย XAMPP ที่ทำงานบน Windows 10 หากคุณมีคำถามหรือข้อเสนอแนะ โปรดอย่าลังเลที่จะถามฉันในส่วนความคิดเห็นด้านล่าง