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.
Oke, let’s go…
Cara Instal XAMPP di Windows
- Download aplikasi XAMPP terbaru, klik disini. Pilih salah satu (tips: jika Anda bingung, bisa pilih yang versi 5.6 dulu).
- Dobel klik file XAMPP yang baru saja Anda download, nanti selanjutnya akan muncul jendela “installer language” seperti di bawah ini:
- Selanjutnya pilih bahasa. Pilih yang Bahasa Inggris (English). Klik OK.
- Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja dan lanjutkan dengan klik OK dan YES.
- Berikutnya akan muncul jendela yang isinya meminta Anda menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik tombol Next.
- Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal. Centang saja semua pilihan dan klik tombol Next.
- Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder XAMPP. Secara default akan diarahkan ke lokasi c:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisa klik browse dan tentukan secara manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan dan klik tombol Install.
- Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish untuk menyelesaikannya.
- Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang menanyakan Anda apakah mau langsung menjalankan aplikasi XAMPP atau tidak. Jika ya, maka klik YES.
Cara Menjalankan Aplikasi XAMPP
- Bukalah aplikasi XAMPP, bisa melalui Start Menu atau Desktop, dan klik icon XAMPP. Atau, jika Anda membukanya begitu proses instalasi selesai maka klik Yes seperti yang terlihat pada gambar di atas.
- Setelah terbuka, silahkan klik tombol Start pada kolom Action sehingga tombol tersebut berubah menjadi Stop. Dengan mengklik tombol tersebut, artinya itulah aplikasi yang dijalankan. Biasanya jika saya menggunakan XAMPP, yang saya start hanyalah aplikasi Apache dan MySQL, karena saya tidak memerlukan aplikasi seperti Filezilla, dan lain-lain.
- Sekarang bukalah browser kesukaan Anda, dan coba ketikkan http://localhost/xampp di address bar. Jika muncul tampilan seperti gambar di bawah ini, instalasi telah berhasil.
Selamat, akhirnya Anda berhasil menginstal aplikasi XAMPP. Sekarang komputer Anda sudah berfungsi seperti server dan bisa menjalankan aplikasi-aplikasi berbasis web.
Oia, jika Anda mengalami kesulitan di dalam menjalankan XAMPP seperti Apache XAMPP tidak bisa berjalan, mungkin bisa membaca artikel ini:
Semoga bermanfaat.
Membuat Database Dengan XAMPP
Install WordPress di Localhost Menggunakan XAMPP
Macam-macam Web Server Localhost
Cara Mengatasi Apache Tidak Bisa Running di XAMPP
Langkah-langkah Setelah Membeli Domain dan Hosting
Cara Membuat Toko Online WordPress Dengan WooCommerce
Terima Kasih tutorialnya Kak
Terima kasih atas tutorialnya, sangat berguna sekali untuk pengguna aplikasi ini
Mas cara instal xampp di windows yang 64 bit aplikasinya yang mana ya? Saya cari2 hanya ada yang 32 bit untuk windows, dan 64 bit untuk linux. Jadi saya pilih yg mana ya? Saya pakai windows 8 yang 64 bit?
Ya mas, pakai XAMPP yang 32 bit saja. Itu untuk Windows 8 64 bit juga bisa kok.
Nah ini juga ada versi videonya nih buat yang butuh https://www.youtube.com/watch?v=0zwDALU8kpY
Oke mas, terima kasih buat video tutorial cara install xampp nya. Mantab.. 🙂
semoga terus update… dan bermanfaat sekali ini ilmunya… syukron
Terima kasih, semoga tips cara instal xampp ini bisa bermanfaat buat kang Acan yah.. 🙂
webserver yang saya gunakan juga xampp bagus gan cara pakenya simpel,ringan lagi di laptop
ijin belajar mas… terimakasih
mantap…!!!
Makasi mas bro
Pas banget, lagi belajar wordpress mas….makasih.
Semoga saya lancar belajar ginian 🙂
Bisa-bisa.. Yang penting ada kemauan.. 🙂
Pas baca sampe bawah, eh ternyata ini webnya mas Aan Rofik 😀
mantap..
Hehe, mencoba sekedar share apa yang saya tahu dan pernah saya lakukan seputar cara membuat website, pak. Semoga aja bisa lebih bermanfaat buat orang banyak.
Terima kasih sudah mampir.. 🙂
Saya udah install xampp nya tapi kok waktu buka web dan ketik localhost nya kok gak mau muncul ya, tolong bantuannya mas
Apa sudah coba diaktifkan dulu XAMPP nya? Kemudian pastikan bahwa port yang diperlukan untuk XAMPP tidak terpakai oleh aplikasi lain. Biasanya kalo itu semua oke, XAMPP bisa langsung jalan tanpa hambatan.
kang, kalo mysql gk mau di start knp tuh??
ane mohon bimbingannya,, makasih
sangat bermanfaat pak…,makasih
susah juga nginstalnya,, tapi saya ingin sekali mencobanya ..
saya mau nanya nihh… kok kalau saya yang error mysql
pak saya sudah install Xampp, semua berjalan Ok Apcahe, Mysql, Php,
Php nya juga bagus.
pertanyaan saya pada saat saya test PHP program jalan utk menampilkan tabel, tetapi saya mau coba ke Mozila atau IE koq tabelnya ada error koneksi ,
apa perlu diubah settingnya?
Sy sudah instal xampp dan sdh buat database mysql plus instal wordpress…bisa gak ya saya instal lagi wampp/appserve secara berdampingan ? Makasih…
koq gak bisa ya pak?
apakah di netbook memang tidak bisa diinstall xampp ya?
Waduh, kalau itu saya kurang paham mas. Harusnya sih bisa di instal XAMPP, sepanjang Operating System nya mendukung.
Makasi atas informasi cara intall xampp-nya pak, nompang salin sedikit artikelnya ya…tidak kopas langsung, nanti saya edit dulu. thanks
Okay.. Please..please.. 🙂
Ini baru namanya tutorial .. Ajib bang hehe. Moga sukses selalu..
mantap gan, terima kasih banyak ya atas ilmunya.
Makasih buat informasi cara instal xamppnya. Artikel tersebut sangat bermanfaat terutama bagi para pemula dan mau belajar untuk membuat website dengan php. Semoga blog webhostmu ini tetap maju dan terus memberikan informasi yang bermanfaat. Salam
saya sudah instal XAMPP dan berhasil… langkah selanjutnya bagaimana bg?
Selanjutnya tinggal install aplikasi yang mau dipakai, contohnya WordPress.. Tapi inget sist, kalau install di XAMPP, WordPress kita ngga bisa dilihat sama orang lain lho yaa.. Karena di XAMPP ini sifatnya hanya lokal, dan biasanya dipakai buat develop situs sebelum di online kan..
Mas klo bkin source kodenya doang trus di copas ke blogspot bisa kn ?
Tergantung script code yang seperti apa dulu mas. Karena di Blogspot pun juga setahu saya ada aturannya sendiri misal ingin mengedit template yang ingin digunakan.
kalo mau bikin website dari xampp gimana ya ?
Kalau boleh saran, coba pakai WordPress mba.. Saya pernah nulis di sini: https://webhostmu.com/cara-install-wordpress-di-localhost/
Mas, ko saya install Xampp tapi setelah selesai ada file yang masuk didalam drive lain selain C contoh nama filenya Eula, apakah itu? kalau dihapus apakah ada masalah
EULA itu setahu saya singkatan dari END USER LICENSE AGREEMENT. Kalo saya sih tak biarin aja. Ngga masalah juga kok.
saya install xampp apache nya running tapi mysql nya running sebentar trus mati lagi…mohon bantuannya pak
Waduh, saya juga masih nyari penyebabnya ini mbak. Karena beberapa temen-temen yang komen di sini juga bilang hal yang sama. Udah instal XAMPP, tapi ada yang ngga bisa jalan.
Kalo yang Apache ngga bisa jalan saya sudah ada solusinya, yakni bisa ganti port default nya. Tetapi kalo untuk yang mySQL, itu saya masih nyari juga mbak.
Atau kalau mau nyoba, bisa juga diganti port nya dulu mbak, siapa tahu bisa berhasil..
Tutor nya bagus gan terus berkarya 😉
Buat MYSQL yang pada error, coba aja download MYSQL nya doang, trus instal, lalu star lagi MYSQL yng ada di XAMPP, insya Allah bisa lagi 😀
Makasih mas atas masukkannya, semoga bisa bermanfaat dan berhasil buat yang lainnya.. 🙂
Kenapa ya setelah diinstal xampp nyaa, mysql nyaa tidak mauu running
Sudah coba di cek port nya mbak Ismi? Biasanya mysql / apache tidak bisa running karena port yang dipakai oleh xampp sudah terpakai oleh aplikasi lain. Jadi solusinya bisa ganti angka port nya.
assalamualaikum maaf pak mau nanyak saya sudah install xampp.nya tapi knp mysql, mercury, dan tomcat.nya ga bisa running… mohon bantuanya
Kemungkinan mysql / apache tidak bisa running itu karena port yang dipakai oleh xampp sudah terpakai oleh aplikasi lain pak. Jadi solusinya bisa ganti angka port nya.
gimana cara ganti port nya pak? 😀
Coba cek disini mbak.. https://webhostmu.com/apache-tidak-bisa-running-di-xampp
terima kasih atas informasi yang bermanfaat ini..
Pak saya mau tanya, saya-kan sudah instal xampp versi win32 1.8.2 1 VC9 installer
dan pada saat saya cek di xampp control panel apache terinstal serta running dan mysql terinsal serta running. tapi saya ketik “localhost/” di browser mozilla tertulis https://www.google.com/search?q=localhost%2F&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a&channel=fflb dan gagal masuk localhost itu dalam keadaan disconnect modem. kemudian saya coba lagi di internet explorer kejadian-nya sama seperti mozilla.
Thanks tutornya, sangat bermanfaat.. Mas Aan Rofik buat donk artikel ttg cara instal joomla&menghubungkannya dg XAMPP krn saya msh bingung.
Waduh, mohon maaf mbak. Untuk Joomla dulu saya pernah pakai, tetapi ngga terlalu saya seriusin. Jadinya kurang paham saya. Tetapi saya rasa prinsipnya sama saja sih. Kita tinggal taruh aplikasi Joomla di komputer kita di folder XAMPP, kemudian kita aktivasi. Selesai deh.. 🙂
keren… kalau cara instal di android gimana ya?
Kalo untuk xampp ini, setahu saya baru bisa diinstal di PC atau Mac om 🙂
alhamdullilh ..akhirnya berhasil…terimakasih gan atas tutorialnya …
alhamdulillah, selamat mas.. ikut berbahagia.. 😀
mantep kang, lengkap sekali tutornya…xampp nya udah sukses di install…
betah kalau isi blognya informatif dan lengkap seperti ini…hebat…sukses terus, manfaat dan barokah…
Aammiinn aamiin yaa robbal ‘aalamiin. Makasih mas doanya, moga-moga bisa bermanfaat buat mas Gigin. Mohon doanya juga, moga bisa tetap mengusahakan tulisan-tulisan artikel yang informatif.. 🙂
Anang bertanya…pak aunurofik….proses instalasi prestashop tsb sdh dieksekusi tp di komputer muncul tulisan peringatan spt ini: “fasilitas penambahan utk bekerja dengan tabel yang di link di non aktifkan utk mengetahui sebabnya klik disini( hasilnya hnya aktifdan tdk aktif bahasa mesin mungkin,menurut saya)yg kedua dibawahnya spt ini : File konfigurasi anda ditentukan dengan pengguna root & tanpa adanya kata sandi jk Mysql di jalankan dgn sedemikian,server anda terbuka lebar utk suatu penyerangan disarankan utk memperbaiki kelemahan(security hole)ini…..bagaimana solusinya utk menjalankan Mysql prestashop dikomputer saya?
Terimakasih tutornya pak. Sudah dijalankan dan fix. Selanjutnya, untuk pemasangan WordPress nya gimana ya? Pernah baca ada yang pakai bitnami, tapi belum paham. Barang kali ada tutorial yang lain atau lanjutannya.. 😀
Wah, selamat Om untuk instalasi XAMPP nya. Selanjutnya, untuk instalasi WordPress menggunakan XAMPP bisa baca artikel ini https://webhostmu.com/cara-install-wordpress-di-localhost.
Sukses! Semangat!!
Cara mengatasi Apache not runing gimana pak?
Setahu saya Apache di XAMPP tidak running dikarenakan ada kesamaan pemakaian port oleh aplikasi lain. Biasanya port yang digunakan XAMPP default-nya adalah port 80. Karena sudah dipakai oleh aplikasi lain solusinya aplikasi lain tersebut dihentikan dulu, baru kemudian jalankan XAMPP. Solusi lainnya adalah dengan mengubah default port XAMPP, biasanya yang sering digunakan adalah port 8080. Mungkin itu mas yang bisa dilakukan. Good luck yaa…
Saya baru install Xampp versi win32 1.8.2 VC9 Installer. Setelah proses installasi selesai, ternyata Apache saya tidak mau jalan atau running. untuk port yang bapak maksud cara setting port nya dimana yah settingan di xampp nya? Mohon pencerahannya..
Bang, kalau cara menjalankan XAMPP gimana? Mohon pencerahanya, soalnya awam dan ingin sekali belajar PHP. Terima kasih..
Itu di atas sudah saya sertakan panduan menjalankan aplikasi XAMPP nya. Buka aplikasi XAMPP, mulai dengan mengklik tombol START, kemudian buka browser. Selesai.. 🙂