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
- Buka File Konfigurasi: Arahkan ke
C:\xampp\apache\conf\extra\httpd-vhosts.conf
. - Aktifkan Virtual Hosting: Hapus tanda komentar pada baris berikut (biasanya sekitar baris 19):
NameVirtualHost *:80
- 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>
- 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
- 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
- Modifikasi
http.conf
: BukaC:\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
). - 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
- Buka
httpd.conf
: EditC:\xampp\apache\conf\httpd.conf
. - Modifikasi Document Root: Ubah baris berikut (sekitar baris 176):
menjadi:
DocumentRoot "C:/xampp/htdocs"
#DocumentRoot "C:/Projects"
- 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!