Merubah localhost dan lokasi folder htdocs XAMPP

Pada tulisan kali ini kita akan belajar merubah localhost dan memindahkan lokasi dan nama folder htdocs dikomputer kita, kebetulan yang saya gunakan adalah XAMPP.

Sebagai web developer kita pasti memiliki beberapa project yang diletakan di folder htdocs, dan ini sebenarnya sudah cukup untuk kita. Namun ada kalanya kita memerlukan nama host lain dan merubah lokasi folder htdocs

Kasus 1 : Mencoba Nama Domain sebelum membelinya.

Contoh kita mau membeli domain dengan nama http://domain-keren.com, default nya kita membuat folder di htdocs, misalnya dengan nama domain-keren, lalu untuk mengaksesnya kita mengetikan http://localhost/domain-keren. Dengan virtual host kita bisa mengakses http://domain-keren.com tanpa koneksi internet sekalipun :)

Masalah akan terjadi ketika kita ingin mengupload, kita harus menyesuaikan settingan yang biasanya http://localhost/domain-keren dengan domain asli di http://domain-keren.com. Kita juga harus me-replace data-data yang ada di database.

Dengan virtual host kita bisa mengganti localhost dengan domain-keren.com, sehingga tidak perlu banyak-banyak settingan ketika mengupload website.

Kasus 2 : Merubah lokasi folder htdocs

Dengan virtual host, kita bisa menaruh file project kita pada lokasi yang kita inginkan, tidak harus di folder htdocs.

Namun bisa diluar htdocs, hal ini bisa jadi alternatif keamanan ketika anda menginstall xampp di folder system yang sewaktu-waktu sistem operasi di install ulang maka aplikasi akan hilang.

Selain itu cara ini akan menyulitkan orang jika ingin mencuri kode anda ketika dia memakai komputer kita. AMAN!!

Start

Oke kita mulai saja tutorial nya.

1. Edit File httpd-vhosts.conf yang ada di folder installasi XAMPP anda, contoh :

X:\<path to your xampp installation>\apache\conf\extra\httpd-vhosts.conf

2. Hapus komentar yang ada di line 19, contoh

#NameVirtualHost *:80 menjadi NameVirtualHost *:80

3. Tuliskan kode berikut ini untuk menentukan lokasi baru dari folder yang akan diakses, (alternatif untuk folder htdocs)

<VirtualHost *:80>
	ServerAdmin webmaster@localhost
	DocumentRoot E:/tutweb
	ServerName testproject

	<Directory "E:/tutweb">
		Options Indexes FollowSymLinks Includes ExecCGI
		AllowOverride All
		Order allow,deny
		Allow from all
	</Directory>
</VirtualHost>

4. Terakhir tambahkan nama domain baru dengan mengedit file hosts yang berlokasi di bawah ini: (Gunakan editor kesukaan kamu).
C:\WINDOWS\system32\drivers\etc
C:\WINDOWS\system32\drivers\etc\hosts
Jadi kira-kira isinya akan seperti ini

127.0.0.1 localhost
127.0.0.1 domain-keren.com

sekarang ada dua nama domain, localhost dan domain-keren.com

5. Selesai….

Untuk mencoba silahkan buat file index.php, lalu letakan di E:/domain-keren, lalu akses di browser dengan menulis http://domain-keren.com

Oke sekian tutorial kali ini.

jangan lupa follow twitter kami di @tut_web

Salam web development Indonesia.

Tags:

TWD Editorial

Website yang berisi Tutorial, Tips, Trik, Inspirasi, Opini, Cerita, Studi kasus, dan berbagai hal menarik tentang Web Design, Web Development dan Graphic Design untuk orang-orang kreatif di Indonesia. View all posts by TWD Editorial

Comments

15 thoughts on “Merubah localhost dan lokasi folder htdocs XAMPP”

Aditya says:

December 23, 2012 at 10:32

saya ko gx berhasil untuk yg lngkah 3 :(

TWD Editorial says:

December 23, 2012 at 11:03

Silahkan dicoba lebih teliti, perhatikan path nya :)

Reply

Merubah localhost dan lokasi folder htdocs XAMPP | learn and share says:

April 22, 2013 at 14:45

[…] sumber : http://www.tutorial-webdesign.com/merubah-localhost-dan-folder-htdocs-xampp/ […]

andi says:

May 20, 2013 at 17:41

bro untuk membuat beberap project web gimana caranya ya ? ane mau bikin 2 web ko susah ya pasti ngerubah web 1.

Zuliansyah says:

January 17, 2014 at 00:13

Wah, mantap benerrr. Ternyata ada yg beginian :D

adib says:

May 31, 2014 at 13:53

mas, kalo ikuti tutorialnya ngak bisa buka xamppnya.. sama ngak bisa multi project. totong solusinya.. trims.

TWD Editorial says:

May 31, 2014 at 17:59

Maksudnya gimana ya?
Gak bisa buka xampp gara2 ngikutin tutorial ini atau xampp nya dari awal memang tidak bisa dibuka?

Reply

noerone says:

June 14, 2014 at 15:43

thanks infonya,
liat juga disini http://noerone.wordpress.com/2013/10/28/membuat-project-web-diluar-folder-htdocs-www/

bayu says:

July 16, 2014 at 09:54

gan maksud nya yang server name itu yang mana?
mohon pencerahannya

yudsky says:

September 12, 2014 at 00:51

tanya mas.

kemaren saya udah bikin wp di localhost, dan udah jadi sesuai yg saya inginkan.

beberapa waktu kemudian, krn ada error di laptop, maka saya terpaksa menginstal ulang laptop saya.

persoalan muncul, setelah sy instal xampp, pas masuk ke “localhost/wpsaya” ga mau mbuka. Padahal isi htdoc sebelum diinstal sudah saya paste ke folder htdoc di xampp.

kalopun mau dibuk, selalu minta instal ulang wp baru (wp lama saya ttp g bisa dibuka).

apa aja settingan biar wp lama saya bisa dibuka di localhost instalan baru ya?

makasih

TWD Editorial says:

September 12, 2014 at 10:02

Semua file nya + database nya

Reply

meli says:

February 10, 2015 at 14:31

mas,,mau tanya ni..!
di laptop saya memakai xampp sama appserv,
saya simpan filenya di htdocs,,trus saya buka dari localhost filenya yang di htdocs kok gk bsa ya malah keluar “tautan rusak”, tapi file yang di appserv bisa terbuka di localhost,,
itu gimana ya mas solusinya,,??

TWD Editorial says:

February 10, 2015 at 15:48

Gunakan salah satu saja

Reply

Budiono says:

August 21, 2017 at 10:13

Terimakasih gan.. ijin nyimak

antok says:

October 18, 2017 at 15:18

mas mau nanya,
project saya udah jadi

tapi akses nya masih pake
localhost://folder_nama_project

mau saya buat menjadi
http://nama_project

saya udah ngikutin tutorial di atas masih blm bisa mas.

masih harus manggil file direktori nya (folder_nama_projet)

Tutorial Web Design

Topik

Tags