Setelah artikel sebelumnya adalah pengenalan tentang apa itu PHP dan fungsinya dalam Pemrograman Web, sekarang kita coba praktekkan Tutorial PHP. Cara Membuat dan Menjalankan File PHP dengan XAMPP
Cara Menjalankan File PHP
Hal pertama yang harus anda lakukan adalah mengetahui apa itu folder htdocs di dalam program XAMPP Untuk mengakses halaman PHP dari web browser, anda harus menempatkan file PHP di folder khusus yang merupakan folder home dari web server .
Biasanya folder htdocs terletak di C. \xampp\htdocs Jika sudah mengikuti tutorial sebelumnya yaitu Tutorial Cara Install XAMPP di Windows
Berikut screenshotnya
Perhatikan folder yang disorot warna putih, disitulah letak folder tempat file php, anda bisa menyimpan semua project web programming anda di dalam folder tersebut, sebagai pemisah dengan project lain, tinggal buat folder baru supaya bisa dapat terstruktur dengan rapi
Sedangkan untuk pengguna linux ubuntu biasanya bisa install linux versi XAMPP 64bit di folder /opt/lampp/htdocs/ atau /var/www/ jika install web server Apache, PHP, dan MySQL / phpmyadmin secara terpisah. di situlah Anda dapat meletakkan seluruh halaman di komputer dengan sistem operasi linux
Untuk tutorial pengguna linux masih akan segera hadir hehehe
Cara Membuat File PHP
File php pada dasarnya adalah sekumpulan teks normal yang ditulis dengan aturan tertentu di dalam library, biasanya dibuat dengan menggunakan aplikasi editor teks khusus seperti Notepad++, Sublime Text, Atom dan sebagainya. Atau bisa baca artikel sebelumnya yaitu Rekomendasi Text Editor Terpopuler untuk Pemrograman PHP
Langkah pertama yang harus dilakukan adalah membuat folder yang terdapat pada htdocs diatas. Buat file bernama belajar di folder C. \xampp\htdocs\belajar
Kemudian Anda membuka editor teks Anda. Kali ini saya menggunakan text editor Sublime text sebagai contoh
Sebagai isian file, silahkan ketik kode php berikut :
"; echo "Hallo Dunia !"; ?>Kemudian simpan kode Anda dengan nama contoh. php simpan ke folder C. \xampp\htdocs\belajar\contoh. php
Cara Menjalankan File PHP dengan XAMPP
Setelah itu silahkan buka web browser anda seperti mozilla firefox, chrome atau yang penting aplikasinya web browser lalu ketik alamat http. //localhost/pelajari/contoh. php, jika semuanya sudah benar maka akan muncul seperti gambar di bawah ini
Jika browser menampilkan "Saya sedang belajar php" dan "Hello World". ", Selamat. Anda telah berhasil membuat dan menjalankan program php dengan xampp dan dapat melanjutkan ke tutorial berikutnya
Pemasangan extension Live Server untuk VSCode sangat mudah, kita hanya perlu membuka extension tersebut di VSCode atau dengan menekan shortcut ctrl+shift+x kemudian ketik Live Server, pastikan Ritwick Dey versi Live Server yang sudah didownload sekitar 18 juta kali lebih banyak saat artikel ini diunggah. Jika sudah ketemu, silahkan klik install dan tunggu hingga proses selesai
Setelah instalasi selesai, buka folder proyek dan buka file yang telah diedit. Lalu di bagian bawah, klik Go Live. Setelah itu, apapun yang tersimpan di file proyek akan secara otomatis me-refresh halaman browser
Ekstensi Server Langsung di VSCode akan berfungsi dengan baik jika file proyek adalah file HTML. Namun, jika file proyek di VSCode adalah file PHP, kami memerlukan ekstensi Live Server tambahan di browser Google Chrome
Instalasi Server Langsung di Google Chrome dapat dilakukan melalui tautan https. // chrome. google. com/webstore/detail/live-server-web-extension/. Kemudian lakukan pengaturan berikut
Setel plugin/ekstensi Google Shrome Live Server Web Extension dengan mengaktifkan live reload, lalu isi alamat server sebenarnya dengan halaman localhost yang digunakan untuk melihat halaman php (localhost dari XAMPP atau sejenisnya). Live Server Address isikan alamat live server yang muncul di browser saat klik Go Live di VSCode. Klik terapkan dan setelah itu setiap perubahan yang terjadi di VSCode akan di-refresh secara otomatis di browser