Cara Membuat XAMPP Menyajikan File dari Luar Direktori htdocs

Saat menggunakan XAMPP untuk pengembangan lokal, pengaturan default menyajikan file dari direktori htdocs. Namun, pengembang sering menghadapi skenario di mana mereka perlu mengakses file yang terletak di direktori yang berbeda. Jika Anda bertanya-tanya bagaimana cara mengonfigurasi XAMPP untuk menyajikan file dari luar folder htdocs, Anda berada di tempat yang tepat! Dalam pos blog ini, kami akan menjelajahi berbagai metode untuk mencapai ini, dengan penekanan pada kejelasan dan kesederhanaan.

Mengapa Anda Mungkin Ingin Menyajikan File di Luar htdocs

  • Preferensi Organisasi: Anda mungkin memiliki direktori proyek yang terstruktur dan ingin menyimpan proyek terpisah dari folder htdocs.
  • Akses yang Lebih Mudah: Menyajikan file langsung dari lokasi proyek Anda dapat memperlancar alur kerja Anda.
  • Beberapa Proyek: Jika Anda sedang mengerjakan beberapa proyek, mengelola semuanya di dalam htdocs bisa menjadi merepotkan.

Sekarang, mari kita telusuri metode yang dapat Anda gunakan untuk menyajikan file di luar direktori htdocs dalam XAMPP.

Metode 1: Mengonfigurasi Virtual Hosts

Metode ini memungkinkan Anda untuk membuat alamat unik untuk proyek Anda, sehingga mudah diakses.

Langkah-langkah Mengatur Virtual Hosts

  1. Buka File Konfigurasi: Arahkan ke C:\xampp\apache\conf\extra\httpd-vhosts.conf.
  2. Aktifkan Virtual Hosting: Hapus tanda komentar pada baris berikut (biasanya sekitar baris 19):
    NameVirtualHost *:80
    
  3. Tambahkan Konfigurasi Virtual Host Anda: Di bawah bagian virtual host (sekitar baris 36), tambahkan kode berikut:
    <VirtualHost *:80>
        DocumentRoot C:\Projects\transitCalculator\trunk
        ServerName transitcalculator.localhost
        <Directory C:\Projects\transitCalculator\trunk>
            Order allow,deny
            Allow from all
        </Directory>
    </VirtualHost>
    
  4. Modifikasi File Hosts: Buka file hosts Anda yang terletak di C:\Windows\System32\drivers\etc\hosts dan tambahkan:
    127.0.0.1 transitcalculator.localhost #transitCalculator
    
  5. Restart Apache: Setelah menyimpan perubahan, restart server Apache.

Sekarang, Anda dapat mengakses proyek Anda melalui URL http://transitcalculator.localhost/.

Metode 2: Buat Alias

Jika Anda lebih suka akses yang lebih sederhana tanpa mengatur virtual hosts, membuat alias bisa menjadi pilihan yang tepat.

Langkah-langkah Membuat Alias

  1. Modifikasi http.conf: Buka C:\xampp\apache\conf\httpd.conf dan temukan bagian antara <Directory "C:/xampp/htdocs"> dan </Directory>. Salin bagian ini dan tempel di bawahnya, memodifikasi jalur ke direktori yang Anda inginkan (misalnya, C:/Projects).
  2. Tambahkan Alias: Cari bagian <IfModule alias_module> (sekitar baris 300) dan tambahkan:
    Alias /transitCalculator "C:/Projects/transitCalculator/trunk"
    

Metode 3: Ubah Document Root Anda

Metode ini melibatkan pengubahan document root utama dari instalasi XAMPP Anda.

Langkah-langkah Mengubah Document Root

  1. Buka httpd.conf: Edit C:\xampp\apache\conf\httpd.conf.
  2. Modifikasi Document Root: Ubah baris berikut (sekitar baris 176):
    DocumentRoot "C:/xampp/htdocs"
    
    menjadi:
    #DocumentRoot "C:/Projects"
    
  3. Sesuaikan Pengaturan Direktori: Modifikasi baris segera setelahnya (sekitar baris 203) untuk mencerminkan lokasi baru.

Catatan Penting

  • Pastikan untuk menggunakan garis miring (/) alih-alih garis miring terbalik () di jalur Anda.
  • Hindari garis miring di akhir jalur direktori Anda.
  • Selalu restart server Anda setelah melakukan perubahan.

Kesimpulan

Menyajikan file dari luar direktori htdocs dalam XAMPP dapat meningkatkan pengalaman pengembangan Anda dan memenuhi kebutuhan organisasi Anda. Apakah Anda memilih untuk mengatur virtual hosts, membuat alias, atau mengubah document root Anda, setiap metode memberikan manfaat unik yang disesuaikan dengan cara Anda mengelola proyek Anda.

Silakan pilih metode yang paling sesuai dengan alur kerja Anda, dan nikmati pengkodean dengan lebih fleksibilitas!