Belajar Xampp Web Hoster

Cara install XAMPP di Windows

Bagi Anda yang ingin membuat website namun belum memiliki domain dan hosting sendiri, jangan berkecil hati dulu. Karena masih ada alternatif cara lain.

Apa itu?

Ya, kita bisa tetap membuat website di PC komputer / laptop, dengan menjadikan PC kita seolah-olah seperti server hosting.

Langkah ini juga sering digunakan bagi oleh para web developer yang sudah mahir sekalipun, untuk membuat website di komputer kerja mereka, sebelum mereka mengupload hasil kerjanya ke server hosting.

Bagaimana caranya?

Caranya adalah dengan menginstal aplikasi server localhost di PC kita.

Salah satu aplikasi server localhost serta yang paling banyak digunakan dan cukup familiar di kalangan web developer saat ini adalah XAMPP.

Aplikasi XAMPP ini dibuat oleh Apache Friends dan installer-nya bisa langsung diunduh dari situs mereka. Isi aplikasinya juga sudah sangat komplit, antara lain:

Apache
MySQL
PHP
phpMyAdmin
FileZilla FTP Server
Tomcat
XAMPP Control Panel

Untuk itu, kali ini saya akan menuliskan tentang panduan cara instal XAMPP di komputer.

Berhubung saya pakainya Windows, maka panduan ini juga diperuntukkan bagi pengguna PC Windows ya. Namun kurang lebih untuk sistem operasi lain, caranya hampir sama lah.

Cara Instal XAMPP di Windows 10
1. Download XAMPP from Internet
2. Install XAMPP mengunakan port 80 untuk Apache, port 443 untuk SSL
3. Jalankan XAMPP
Done.

Selamat, akhirnya Anda berhasil menginstal aplikasi XAMPP. Sekarang komputer Anda sudah berfungsi seperti server dan bisa menjalankan aplikasi-aplikasi berbasis web.

Cara Merubah Port 80 Apache dan 443 SSL di XAMPP

Cara Merubah Port 80 Apache dan 443 SSL di XAMPP

Secara default, web server Apache dalam aplikasi XAMPP menggunakan port 80, sedangkan MySQL server menggunakan port 3306. Dalam tutorial kali ini saya akan membahas cara mengganti kedua port ini serta memodifikasinya agar tetap bisa diakses menggunakan phpMyAdmin.

Kenapa harus mengganti port Apache dan MySQL?Terdapat beberapa alasan kenapa kita ingin mengganti port bawaan XAMPP ini. Misalnya menjalankan beberapa aplikasi XAMPP secara bersamaan (lebih tepatnya menjalankan beberapa web server sekaligus).

Alasan lain karena web server apache gagal berjalan disebabkan error atau hal lain, seperti yang telah dibahas pada tutorial cara mengatasi error XAMPP: Port 80 in use by “Unable to open process”.

Secara default, apache bawaan XAMPP menggunakan port 80 dan 443 (untuk SSL). Sedangkan MySQL server menggunakan port 3306, seperti gambar berikut:

Kita akan mencoba menukar port-port ini.


Cara Mengubah Port Default Apache di XAMPP

Untuk mengubah port default apache, kita harus mengedit file konfigurasi apache, yakni file httpd.conf. Untungnya, di XAMPP Control panel telah disediakan shortcut file setingan ini. Apabila web server apache sedang berjalan, lebih baik dimatikan terlebih dahulu.

Klik tombol config pada bagian actions XAMPP, dari menu yang tersedia, klik Apache (httpd.conf). Akan tampil file konfigurasi apache di Notepad. Kita akan mengubah beberapa pengaturan.

Dalam contoh ini saya akan mengubah port apache dari 80 menjadi 8080. Namun pada prakteknya anda bebas ingin menggunakan port apa saja, (selama tidak bentrok dengan aplikasi lain). Anda bisa mengubahnya menjadi 81, 8888, atau 999. Sedikit tips tambahan, sebaiknya pilih port dengan 4 digit agar tidak bentrok dengan aplikasi lain, misalnya 8080.

Pada file httpd.conf yang telah terbuka, cari baris “Listen 80”, kemudian ubah angka 80 ini menjadi port baru, misalnya menjadi “Listen 8080“.

Masih di file yang sama, cari baris “ServerName localhost:80” kemudian ubah menjadi “ServerNamelocalhost:8080“. Simpan pengaturan, dan tutup file ini.

Cara merubah Port 80 ke 8080
1. Open XAMPP, XAMPP must be not running
2. Open Apache Config, Edit httpd.conf
3. Press Control F then write 80
4. Change Port 80 as you like sample 8080
5. Find next for port 80
6. Change localhost:80 to 8080
7. Safe the httpd.conf file
8. Go to Config, then select Service and port setting
9. Change main port 80 to 8080 then save
10. Start the Apache
11. Start MySQL
12. Open Browser, write localhost:8080

Untuk mencari baris perintah tersebut akan lebih mudah jika kita menggunakan fitur find di notepad (CRTL + F), kemudian tinggal ketik angka port seperti 80 atau 443.

Langkah selanjutnya adalah mengubah pengaturan port SSL apache, dimana defaultnya menggunakan port 443. Caranya hampir mirip. Kembali klik tombol config pada bagian actions XAMPP, dari menu yang tersedia, kali ini klik Apache (httpd-ssl.conf). File tersebut akan kembali terbuka di notepad.

Carilah baris “Listen 443” dan ubah menjadi “Listen 4433”. Sama seperti port yang lain, anda bisa menggunakan port apa saja. Nomor 4433 yang saya pilih hanya salah satu contoh saja.

How to Change SSL Port 443 on XAMPP
1. Open XAMPP, XAMPP must be not running
2. Open Apache Config, Edit httpd-ssl.conf
3. Press Control F then write 443
4. Change Listen 443 as you like sample 4433
5. Find next for port 443
6. Change default_:443 to 4433
7. Find next for port 443
8. Change www.example.com:443 to 4433
9. Safe the httpd-ssl.conf file
10. Go to Config, then select Service and port setting
11. Change SSL port 443 to 4433 then save
12. Start the Apache
13. Start MySQL
14. Open Browser, write localhost

Masih di file ini, cari baris “virtualhost_default_:443” kemudian ubah menjadi “virtualhost_default_:4433“, dan terakhir cari baris “ServerName localhost:443” dan ubah menjadi “ServerName localhost:4433“. Simpan pengaturan dan tutup file ini. Perubahan port Apache sudah selesai!

File settingan apache ini sebenarnya bisa diakses secara manual pada folder instalasi_xampp\apache\conf. Jika XAMPP diinstall di C:\xampp, maka lokasi foldernya akan berada di C:\xampp\apache\conf.

Untuk memastikan, silahkan jalankan web server apache menggunakan XAMPP Control Panel. Jika pada bagian port sudah berubah menjadi 8080 dan 4433 dan tidak ada error berarti kita telah sukses mengubah port apache.

Apabila terdapat pesan error di bagian bawah XAMPP Control Panel, anda bisa mengabaikannya selama module apache sudah berwarna hijau seperti tampilan diatas.

Namun bagaimana cara mengakses web server ini?

Caranya adalah dengan menulis angka port setelah alamat domain. Sebagai contoh, karena saya menggunakan port 8080, maka alamat localhost sekarang menjadi http://localhost:8080. Jika terdapat folder situsku di htdocs XAMPP, alamat folder tersebut akan menjadi http://localhost:8080/your_website_name.


Cara Mengubah Port Default MySQL di XAMPP

Setelah mengubah port apache, kali ini kita mengubah port MySQL. Secara default, MySQL Server menggunakan port 3306, dalam contoh ini saya akan mengubahnya menjadi 3307.

Cara mengubah port MySQL hampir sama dengan mengubah port apache, namun kali ini kita harus mengedit file setingan my.ini. Silahkan klik tombol config pada bagian actions XAMPP Control panel, kemudian pilih my.ini.

File setingan MySQL my.ini akan tampil di notepad. Cari baris berikut:

# The following options will be passed to all MySQL clients
[client]
# password      = your_password
port            = 3306
socket          = "C:/xampp/mysql/mysql.sock"

Kemudian ubah port = 3306 menjadi port = 3307

Masih di file yang sama, cari lagi baris berikut:

# The MySQL server
[mysqld]
port= 3306
socket = "C:/xampp/mysql/mysql.sock"

Ubah juga baris port = 3306 menjadi port = 3307. Save file my.ini, kemudian jalankan MySQL Server dari XAMPP Control Panel. Jika tidak ada masalah, nomor port akan tertera di XAMPP Control Panel.

Sebagai pembuktian, mari kita coba mengakses phpmyadmin:

Apa yang terjadi? Hal ini terjadi karena kita mengubah port default dari MySQL, jadi terdapat 1 file konfigurasi lagi yang harus diubah agar phpMyAdmin bisa mengakses MySQL Server.

File settingan MySQL ini (my.ini) bisa diakses secara manual pada folder instalasi_xampp\mysql\bin. Jika XAMPP diinstall di C:\xampp, maka lokasi foldernya akan berada di C:\xampp\mysql\bin.

Cara Mengubah Setingan Port MySQL untuk PHPmyadmin

Agar PHPmyadmin bisa mengakses database MySQL, kita harus ubah file pengaturannya. Caranya, klik menu config dari XAMPP Control panel (pada baris apache), kemudian pilih phpMyAdmin (config.inc.php).

Pada file config.inc.php ini cari baris:

/* Bind to the localhost ipv4 address and tcp */
$cfg['Servers'][$i]['host'] = '127.0.0.1';
$cfg['Servers'][$i]['connect_type'] = 'tcp';

Ubah menjadi:

/* Bind to the localhost ipv4 address and tcp */
$cfg['Servers'][$i]['host'] = '127.0.0.1:3307';
$cfg['Servers'][$i]['connect_type'] = 'tcp';

Save file config.inc.php, kemudian coba restart apache dan MySQL. Kali ini phpMyAdmin sukses berjalan.

File settingan phpMyAdmin ini (config.inc.php) juga bisa diakses secara manual pada folder instalasi_xampp\phpMyAdmin. Jika XAMPP diinstall di C:\xampp, maka lokasi foldernya akan berada di C:\xampp\phpMyAdmin.

Done! Semua pengaturan sudah diubah dan sekarang port Apache dan MySQL bawaan XAMPP sudah berubah menjadi 8080 dan 3307.


Dalam tutorial kali ini kita telah mempelajari cara mengganti port default web server apache dan MySQL Server dari aplikasi XAMPP. Dengan demikian beberapa web server apache bisa berjalan pada saat bersamaan dengan menggunakan port yang berbeda-beda.

Cara Merubah Port 3306 MySQL di XAMPP

Cara Merubah Port 3306 MySQL di XAMPP

Setelah mengubah port apache, kali ini kita mengubah port MySQL. Secara default, MySQL Server menggunakan port 3306, dalam contoh ini saya akan mengubahnya menjadi 3307.

Cara mengubah port MySQL hampir sama dengan mengubah port apache, namun kali ini kita harus mengedit file setingan my.ini. Silahkan klik tombol config pada bagian actions XAMPP Control panel, kemudian pilih my.ini.

File setingan MySQL my.ini akan tampil di notepad. Cari baris berikut:

# The following options will be passed to all MySQL clients
[client]
# password      = your_password
port            = 3306
socket          = "C:/xampp/mysql/mysql.sock"

Kemudian ubah port = 3306 menjadi port = 3307

Masih di file yang sama, cari lagi baris berikut:

# The MySQL server
[mysqld]
port= 3306
socket = "C:/xampp/mysql/mysql.sock"

Ubah juga baris port = 3306 menjadi port = 3307. Save file my.ini, kemudian jalankan MySQL Server dari XAMPP Control Panel. Jika tidak ada masalah, nomor port akan tertera di XAMPP Control Panel.

Sebagai pembuktian, mari kita coba mengakses phpmyadmin:

Apa yang terjadi? Hal ini terjadi karena kita mengubah port default dari MySQL, jadi terdapat 1 file konfigurasi lagi yang harus diubah agar phpMyAdmin bisa mengakses MySQL Server.

File settingan MySQL ini (my.ini) bisa diakses secara manual pada folder instalasi_xampp\mysql\bin. Jika XAMPP diinstall di C:\xampp, maka lokasi foldernya akan berada di C:\xampp\mysql\bin.

Cara Mengubah Setingan Port MySQL untuk PHPmyadmin

Agar PHPmyadmin bisa mengakses database MySQL, kita harus ubah file pengaturannya. Caranya, klik menu config dari XAMPP Control panel (pada baris apache), kemudian pilih phpMyAdmin (config.inc.php).

Pada file config.inc.php ini cari baris:

/* Bind to the localhost ipv4 address and tcp */
$cfg['Servers'][$i]['host'] = '127.0.0.1';
$cfg['Servers'][$i]['connect_type'] = 'tcp';

Ubah menjadi:

/* Bind to the localhost ipv4 address and tcp */
$cfg['Servers'][$i]['host'] = '127.0.0.1:3307';
$cfg['Servers'][$i]['connect_type'] = 'tcp';

Save file config.inc.php, kemudian coba restart apache dan MySQL. Kali ini phpMyAdmin sukses berjalan.

File settingan phpMyAdmin ini (config.inc.php) juga bisa diakses secara manual pada folder instalasi_xampp\phpMyAdmin. Jika XAMPP diinstall di C:\xampp, maka lokasi foldernya akan berada di C:\xampp\phpMyAdmin.

Done! Semua pengaturan sudah diubah dan sekarang port Apache dan MySQL bawaan XAMPP sudah berubah menjadi 8080 dan 3307.


Dalam tutorial kali ini kita telah mempelajari cara mengganti port default web server apache dan MySQL Server dari aplikasi XAMPP. Dengan demikian beberapa web server apache bisa berjalan pada saat bersamaan dengan menggunakan port yang berbeda-beda.

Cara Menghentikan Port 80 Service

Cara Menghentikan Port 80 Service

Buka Command Prompt atau CMD
Lalu ketik kata perintah

net stop HTTP

Tekan [Y] maka port service 80 akan berhenti.

Bagaimana cara merubah dokument root di XAMPP

Cara Memindahkan Lokasi htdocs di XAMPP

Bagaimana cara merubah dokument root di XAMPP
1. Buka XAMPP, XAMPP harus dalam posisi tidak jalan untuk Apache dan MySQL
2. Buka Apache Config, Edit httpd.conf
3. Tekan Control F lalu ketik htdocs
4. Rubah document root dan directory htdocs ke lokasi yang baru, contohnya C:\website
5. Simpan httpd.conf
6. Jalankan Apache
7. Jalankan MySQL
8. Buka Browser, ketik localhost
Selesai.