Bagi kamu yang sering berurusan dengan pemrograman web, besar kemungkinan kamu sudah mengenal aplikasi yang satu ini, yaitu XAMPP. Secara umum, XAMPP bisa dibilang aplikasi untuk membuat server web secara lokal, dan aplikasi ini banyak digunakan untuk membuat website berbasis bahasa pemrograman PHP.
Sebelum membahas lebih jauh, dalam artikel ini akan dibahas sedikit tentang aplikasi ini. XAMPP bisa dibilang singkatan dari X (cross platform) yang maknanya aplikasi ini bisa digunakan di berbagai platform, A yang diambil dari Apache salah satu aplikasi web server, M dari MySQL aplikasi pengelolaan database, P yang berarti PHP, dan P yang satunya lagi dari Perl salah satu bahasa pemrograman yang juga digunakan dalam pemrograman web.
Jika kamu membuka artikel ini, pada dasarnya blog ini berjalan menggunakan bahasa PHP, dan dengan menggunakan XAMPP, kamu bisa membuat web secara lokal dengan bahasa PHP juga. Nah, dalam folder instalasi XAMPP, terdapat folder htdocs yang berfungsi sebagai tempat menyimpan seluruh file yang akan digunakan pada sebuah web yang diakses melalui alaman “http://localhost” di browser.
Jadi misalnya di dalam folder htdocs tersebut terdapat folder “mohpoe”, maka localhost/mohpoe akan mengakses direktori tersebut dengan basis website. Akan tetapi bisa dibilang satu alamat localhost tersebut hanya berfungsi layaknya satu web utuh saja, dan apa jadinya jika kita menangani berbagai proyek web yang berbeda-beda, apakah harus install XAMPP yang banyak!?
Untungnya ada cara agar kamu bisa membuat sebanyak apapun alamat localhost yang kamu inginkan hanya dengan satu aplikasi saja. Caranya dengan membedakan port pada URL nya, misalnya saya membuat satu aplikasi dengan alamat localhost:8001, namun aplikasi web lainnya bisa berjalan pada localhost:8002 tanpa saling mempengaruhi satu sama lain.
Cara membuat port baru di localhost
Jadi di sini kamu akan menambah URL localhost baru dengan memanfaatkan port pada URL. Jika biasanya kamu langsung membuka http://localhost/, maka kamu bisa membuat localhost baru dengan alamat http://localhost:8001/, yang mengarahkan ke folder tertentu di dalam htdocs. Untuk mulai membuat localhost baru di XAMPP, kamu bisa mengikuti langkah-langkah berikut ini.
- Pertama-tama, tentunya buka aplikasi XAMPP hingga muncul tampilan XAMPP Control Panel. Setelah itu tekan tombol Config pada baris Apache, dan pilih Apache (httpd.conf).
- Setelah itu akan muncul baris kode konfigurasi XAMPP melalui teks editor, biasanya yang terbuka adalah Notepad, lalu silakan cari kode
Listen 80dan tambahkan kode berikut tepat di bawahnya.Listen 8001Listen 8002Listen 8003
Jika kamu cuma mau menambahkan satu localhost, maka silakan hapusListen 8002danListen 8003atau jika kamu ingin menambahkan lagi, silakan tambah di bawahnya.
- Selanjutnya kamu perlu menentukan ke folder mana port tersebut akan diarahkan, caranya silakan kembali ke jendela XAMPP Control Panel dan klik tombol Explorer yang ada di sebelah kanan. Lalu akan muncul folder tempat XAMPP di-install. Buka folder \apache\conf\extra\ dan buka file httpd-vhosts.conf.
- Setelah file httpd-vhosts.conf terbuka, tambahkan kode berikut ini di baris paling bawah.
<VirtualHost *:8001> DocumentRoot "C:/Xampp/htdocs/mohpoe1" ServerName localhost:8001 <Directory "C:/Xampp/htdocs/mohpoe1"> Options Indexes FollowSymLinks Includes ExecCGI AllowOverride All Order allow,deny Allow from all </Directory> </VirtualHost> <VirtualHost *:8002> DocumentRoot "C:/Xampp/htdocs/mohpoe2" ServerName localhost:8002 <Directory "C:/Xampp/htdocs/mohpoe2"> Options Indexes FollowSymLinks Includes ExecCGI AllowOverride All Order allow,deny Allow from all </Directory> </VirtualHost> <VirtualHost *:8003> DocumentRoot "C:/Xampp/htdocs/mohpoe3" ServerName localhost:8003 <Directory "C:/Xampp/htdocs/mohpoe3"> Options Indexes FollowSymLinks Includes ExecCGI AllowOverride All Order allow,deny Allow from all </Directory> </VirtualHost>
Perhatikan bagian yang diberi tanda garis bawah, silakan ganti setiap alamat folder tersebut dengan folder yang ingin kamu gunakan sebagai direktori localhost yang baru.
Lalu sampai di sini yang perlu kamu lakukan selanjutnya adalah me-restart aplikasi XAMPP, silakan tekan tombol Stop pada semua modul yang masih berjalan di XAMPP Control Panel, setelah itu tekan tombol Quit. Tunggu beberapa saat hingga aplikasi XAMPP keluar. Kemudian silakan buka kembali XAMPP Control Panel dan jalankan modul Apache.
Setelah itu silakan coba buat file “index.html” di folder yang kamu gunakan pada langkah di atas untuk memastikan apakah port baru berhasil ditambahkan. Selanjutnya buka browser internet yang kamu gunakan dan coba buka alamat “localhost:8001” melalui address bar, jika file “index.html” yang kamu buat sebelumnya terbuka, maka kamu sudah berhasil membuat alamat localhost baru tanpa perlu memasang aplikasi lokal server baru.
Jika belum berhasil!? Sebenarnya ada beberapa faktor yang dapat menyebabkan port yang kamu tambahkan tidak bisa diakses, langkah paling umum untuk mengatasinya, pertama pastikan kamu membuka file httpd.conf melalui tombol config Apache, pastikan sudah menempatkan kodenya di tempat yang sesuai. Langkah terakhirnya, silakan coba restart perangkat komputer yang kamu gunakan.
Penutup
Itulah beberapa langkah yang bisa kamu lakukan untuk membuat alamat localhost baru di XAMPP dengan menambahkan port pada URL localhost tersebut. Semoga pembahasan dalam artikel ini bisa bermanfaat untuk kamu. Jika ada hal-hal yang kurang jelas dan ingin kamu tanyakan, silakan tuliskan pada kotak komentar di bawah. Terima kasih dan sampai jumpa!
