Saya menggunakan XAMPP di komputer local untuk proses development, meskipun sebenarnya jarang menggunakan fitur FTP di XAMPP. Pada instalasi ini, lokasi default root folder website ada di C:\xampp\htdocs\
Anda bisa saja menggunakan File Explorer Windows dan langsung mengakses lokasi tersebut untuk melakukan manajemen file website, seperti membuat file baru, atau menghapus file, dan lain sebagainya.
Namun akan lebih menarik jika Anda menggunakan fungsi server FTP di XAMPP untuk melakukan proses manajemen file ini. Anggap ini sebagai latihan jika suatu saat Anda berencana untuk meng-upload website Anda ke internet. Karena saat website Anda sudah berada di server hosting, dan live di internet. Maka FTP akan sering Anda gunakan untuk manajemen file dan sangat meringankan pekerjaan Anda.
Dalam XAMPP sudah termasuk pula versi server dari FileZilla, sebuah solusi FTP yang paling sering saya gunakan. Dengan mengaktifkan server FTP di XAMPP dan menggunakan FTP Client FileZilla untuk memanajemen file, Anda dapat mensimulasikan bagaimana cara bekerja dengan server hosting yang sesungguhnya.
Untuk menjadikan komputer Anda bertindak sebagai server FTP, ada beberapa hal yang harus Anda lakukan persiapkan.
Setting Server FTP FileZilla
Karena komputer Anda / server akan berfungsi sebagai penerima file, maka program server FTP FileZilla harus Anda aktifkan lebih dahulu.
- Nyalakan / start service server FileZilla di Control Panel XAMPP.
- Jalankan program administrasi FileZilla dengan cara klik tombol “Admin” di control panel XAMPP.
- Akan muncul kotak dialog “Connect to Server”, tidak perlu mengganti apa pun di sini, langsung klik “OK” saja.Halaman server FileZilla akan muncul.
- Sekarang Anda perlu membuat paling tidak 1 account FTP. Klik menu Edit – Users (1). Akan muncul halaman user management.
- Klik tombol “Add” (2) untuk membuat account FTP baru. Masukkan nama untuk user tersebut (3).
- Klik dan centang field “Password”, dan masukkan password untuk user baru tersebut.
- Kemudian Anda perlu mengatur folder mana yang bisa diakses oleh user ini. Klik menu “Shared folder” di sebelah kiri halaman.
- Klik tombol “Add” dan pilih folder htdocs di dalam folder instalasi XAMPP. Ini berfungsi sebagai home directory untuk user tersebut.
- Beri akses penuh kepada user dengan cara klik semua pilihan yang ada di sebelah kanan.
- Klik “OK” untuk menyimpan pekerjaan.
Transfer File Ke Server XAMPP
Proses pembuatan user FTP telah selesai. Sekarang Anda dapat melakukan koneksi FTP ke server untuk mentransfer file website Anda. Berikut langkahnya:
- Buka program FTP client Anda, dan masukkan kredential koneksi seperti ini. Saya biasa menggunakan FileZilla.
- Jika Anda melakukan koneksi dari 1 perangkat (pada komputer yang terinstal XAMPP), gunakan “127.0.0.1” di field host address.
- Tapi jika Anda melakukan koneksi dari komputer lain, gunakan network hostname atau alamat IP komputer yang terinstal server XAMPP.
- Gunakan “21” di field port atau biarkan kosong saja.
- Masukkan username dan password yang sudah Anda buat di langkah sebelumnya tadi. Klik Quickconnect, FTP client Anda akan sukses melakukan koneksi ke server dan berada di folder
C:\xampp\htdocs, yang mana adalah default lokasi untuk root website Anda.
- Jika Anda melakukan koneksi dari 1 perangkat (pada komputer yang terinstal XAMPP), gunakan “127.0.0.1” di field host address.
- Anda bisa melakukan transfer file Anda ke server atau sebaliknya dengan cara drag and drop. Sebelah kiri adalah komputer Anda, sedangkan sebelah kanan adalah komputer server. Atau Anda dapat menggunakan klik kanan pada file/folder dan memilih upload/download. Familiarkan diri Anda dengan prosedur ini.
Percobaan Server FTP Di XAMPP
Mari kita test server FTP di XAMPP yang telah dibuat. Misal Anda ingin upload sebuah script PHP sederhana yang menampilkan tanggal dan hari saat ini ke server XAMPP Anda.
Berikut kodenya.
<!-- hari.php -->
<html>
<head></head>
<body>
<h2><?php echo "Ahoy, Captain. Today is " . date("l, j F Y"); ?>.</h2>
</body>
</html>- Simpan file dengan nama
hari.php - Kemudian upload ke server di folder
C:\xampp\htdocs\ - Ketika file Anda sudah berhasil di transfer ke server, Anda akan bisa melihatnya langsung di browser Anda dengan alamat
http://localhost/hari.php
