วิธีการทำให้ XAMPP เสิร์ฟไฟล์จากภายนอกไดเรกทอรี htdocs

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

ทำไมคุณอาจต้องการเสิร์ฟไฟล์จากภายนอก htdocs

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

ตอนนี้เรามาดูวิธีการที่คุณสามารถใช้ในการเสิร์ฟไฟล์จากภายนอกไดเรกทอรี htdocs ใน XAMPP กัน

วิธีที่ 1: ตั้งค่า Virtual Hosts

วิธีนี้ช่วยให้คุณสร้างที่อยู่ที่ไม่ซ้ำกันสำหรับโปรเจกต์ของคุณ ทำให้สามารถเข้าถึงได้ง่าย

ขั้นตอนในการตั้งค่า Virtual Hosts

1. เปิดไฟล์การตั้งค่า: ไปที่ C:\xampp\apache\conf\extra\httpd-vhosts.conf
2. เปิดใช้งาน Virtual Hosting: ยกเลิกการคอมเมนต์บรรทัดต่อไปนี้ (ปกติอยู่ที่ประมาณบรรทัดที่ 19):

   NameVirtualHost *:80
   

3. เพิ่มการตั้งค่า Virtual Host ของคุณ: ใต้ส่วน virtual host (ประมาณบรรทัดที่ 36) เพิ่มโค้ดต่อไปนี้:

   <VirtualHost *:80>
       DocumentRoot C:\Projects\transitCalculator\trunk
       ServerName transitcalculator.localhost
       <Directory C:\Projects\transitCalculator\trunk>
           Order allow,deny
           Allow from all
       </Directory>
   </VirtualHost>
   

4. แก้ไขไฟล์ Hosts: เปิดไฟล์ hosts ของคุณที่อยู่ที่ C:\Windows\System32\drivers\etc\hosts และเพิ่ม:

   127.0.0.1 transitcalculator.localhost #transitCalculator
   

5. รีสตาร์ท Apache: หลังจากบันทึกการเปลี่ยนแปลง ให้รีสตาร์ทเซิร์ฟเวอร์ Apache

ตอนนี้คุณสามารถเข้าถึงโปรเจกต์ของคุณผ่าน URL http://transitcalculator.localhost/

วิธีที่ 2: สร้าง Alias

หากคุณต้องการการเข้าถึงที่ง่ายกว่าโดยไม่ต้องตั้งค่า virtual hosts การสร้าง alias อาจเป็นทางเลือกที่ดีกว่า

ขั้นตอนในการสร้าง Alias

1. แก้ไข http.conf: เปิด C:\xampp\apache\conf\httpd.conf และค้นหาส่วนระหว่าง <Directory "C:/xampp/htdocs"> และ </Directory> คัดลอกส่วนนี้และวางไว้ด้านล่างโดยปรับเส้นทางไปยังไดเรกทอรีที่คุณต้องการ (เช่น C:/Projects)
2. เพิ่ม Alias: มองหาส่วน <IfModule alias_module> (ประมาณบรรทัดที่ 300) และเพิ่ม:

   Alias /transitCalculator "C:/Projects/transitCalculator/trunk"
   

วิธีที่ 3: เปลี่ยน Document Root ของคุณ

วิธีนี้เกี่ยวข้องกับการเปลี่ยน Document Root หลักของการติดตั้ง XAMPP ของคุณ

ขั้นตอนในการเปลี่ยน Document Root

1. เปิด httpd.conf: แก้ไข C:\xampp\apache\conf\httpd.conf
2. ปรับเปลี่ยน Document Root: เปลี่ยนบรรทัดต่อไปนี้ (ประมาณบรรทัดที่ 176):

   DocumentRoot "C:/xampp/htdocs"
   

   เป็น:

   #DocumentRoot "C:/Projects"
   

3. ปรับตั้งค่าของไดเรกทอรี: ปรับบรรทัดที่อยู่ใกล้เคียง (ประมาณบรรทัดที่ 203) เพื่อให้สะท้อนถึงตำแหน่งใหม่

หมายเหตุที่สำคัญ

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

บทสรุป

การเสิร์ฟไฟล์จากภายนอกไดเรกทอรี htdocs ใน XAMPP สามารถช่วยปรับปรุงประสบการณ์ในการพัฒนาและตอบสนองความต้องการในการจัดระเบียบของคุณ ไม่ว่าคุณจะเลือกตั้งค่า virtual hosts สร้าง alias หรือเปลี่ยน Document Root ของคุณ แต่ละวิธีมีประโยชน์เฉพาะที่เหมาะกับวิธีการจัดการโปรเจกต์ของคุณ

เลือกวิธีที่เหมาะกับการทำงานของคุณที่สุด และสนุกกับการเขียนโค้ดอย่างมีความยืดหยุ่นมากขึ้น!