Cara “install” web aplikasi di localhost (contoh kasus menampilkan hello world php)

Cara “install” web aplikasi di localhost , untuk dapat berjalan sebuah aplikasi web php membutuhkan interpreter untuk dapat berjalan deng...

wampserver
Cara “install” web aplikasi di localhost, untuk dapat berjalan sebuah aplikasi web php membutuhkan interpreter untuk dapat berjalan dengan baik dimana dibutuh sebuah local server, sebelumnya saya senang menggunakan xampp paket tapi saat ini saya lebih nyaman dengan wampserver, nah kali ini saya ingin berbagi cara install wampserver untuk bisa menjalankan web aplikasi di lokalhost.

Sebaiknya sebelum di install apalagi yang mungkin sebelumnya menggunakan xampp, sebaiknya di uninstall dulu kemudian bersihkan menggunakan ccleaner, cara penggunaan ccleaner mungkin nanti saya bahas, sementara Tanya sama mbah google dulu ya hehehe.

Berikut langkah-langkahnya :
  1. Download dulu bagi yang belum ada paket installnya di http://www.wampserver.com/en/
  2. Kemudian pilih download dan sesuaikan dengan tipe sistem operasi kamu, menggunakan 32bit atau 64bit, jika sudah sebelum install paket ada pemberitahuan seperti ini WARNING : You must install Visual C++ 2010 SP1 Redistributable Package x86 or x64, untuk dapat menjalankan dengan baik kamu harus install dulu Visual C++ nya, klik saja dan download dulu kemudian tinggal jalankan hingga Visual C++ sudah terinstall
  3. Kemudian download paket wampserver dengan klik dua kali pada hasil download tadi, dan ikuti prosedur instalasi sampai selesai berikut step by stepnya :

  • Setelah klik 2 kali maka akan muncul pop up seperti dibawah ini kemudian klik Next

  • Pilih radio button “I Accept the agreement” kemudian klik next

  • Tentukan lokasi instalasi untuk tempat aplikasi website nantinya, secara default akan mengarah ke C:\Wamp (Kamu juga bisa merubah nama wamp sesuai keinginan kamu)

  • Centang pada kedua Additional icons apabila kamu ingin menampilkan short cut dan ikon wamp pada desktop dan task bar komputer, dan teruskan dengan mengklik Next 

  • Klik Install, dan tunggu beberapa saat selama proses install.

  • Biarkan tetap pada default, lanjutkan dengan mengklik 

  • Proses Instal Wampserver ke komputer  telah selesai dengan baik, klik  Finish (Selesai)


Diatas adalah cara install paket server localhostnya, untuk menjalankan dengan baik akan kita coba dengan menggunakan file php seperti biasa kita akan menampilkan hello world :
  1. buatlah di editor notepad++ kamu script sederhana untuk menmpilkan hello world berikut scriptnya <?php echo “Hello World”; ?> , simpan file dengan extension php contoh : tes.php
  2. Kemudian simpan pada folder www di direktori tempat menyimpan wamp tadi apabila posisi wamp tidak dirubah secara defauly berada di sini C:\wamp\www. Taruh file tadi di folder www
  3. jangan lupa pastikan di tray icon wamp sudah berwarna hijau, membuktikan kalau wampserver sudah berjalan dengan baik . jika tidak coba jalankan icon wampserver didesktop kamu dengan mengkliknya 2 kali, cek dan lihat lagi tray icon lihat gambar
  4. coba akses menggunakan browser kamu di http://localhost/tes.php jika ada tulisan hello world maka kamu berhasil menginstallnya dengan baik.


Note :
Catatan apabila ingin kamu memiliki file .httacess di folder aplikasi yang berhubungan dengan mode url rewrite, kamu harus menjalankan apachenya di mod rewrite (biasanya digunakan untuk permalink url) seperti gambar contoh dibawah ini.:

Gambar in tray :


Cek Mod Rewrite klik tray --> Apache --> Apache Modules --> rewrite_module


Ok Sampai jumpa lagi do postingan berikutnya selamat berexperimen

COMMENTS

Nama

AMP,3,BLOGGER,11,CSS,19,FREE TEMPLATE,1,GRATIS,1,HEADLINE,4,HTML,1,JQUERY,9,MARKETING,11,OPINI,69,PEMROGRAMAN WEB,41,PERFORMANCE WEB,4,PHP,9,SEO,9,SOCIAL MEDIA OPTIMIZATION,8,TIPS DAN TRIK,48,
ltr
item
Gee Web Studio - Tutorial, Share Web & Mobile: Cara “install” web aplikasi di localhost (contoh kasus menampilkan hello world php)
Cara “install” web aplikasi di localhost (contoh kasus menampilkan hello world php)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpLDQHg4Qn6XyWsspfiubqCbv9_CM12MBmQfByqO3YOqA5BczBCTMLOZ3qxPJp24V4v3-ChyOCWbHwneokqhwMf89b4ozwM-1AhV1vQ9fOjzO21IYAJ7n6Tcw-Na7nDtdN5EG0VXqXEup9/s1600/wampserver.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpLDQHg4Qn6XyWsspfiubqCbv9_CM12MBmQfByqO3YOqA5BczBCTMLOZ3qxPJp24V4v3-ChyOCWbHwneokqhwMf89b4ozwM-1AhV1vQ9fOjzO21IYAJ7n6Tcw-Na7nDtdN5EG0VXqXEup9/s72-c/wampserver.jpg
Gee Web Studio - Tutorial, Share Web & Mobile
https://www.gee.web.id/2013/10/cara-install-web-aplikasi-di-localhost.html
https://www.gee.web.id/
https://www.gee.web.id/
https://www.gee.web.id/2013/10/cara-install-web-aplikasi-di-localhost.html
true
77827092934645996
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content