Sebelum website online, tidak jarang developer membuat website di localhost terlebih dahulu. Tujuannya adalah untuk mempermudah proses pengembangan website.
Membangun website di localhost menggunakan XAMPP untuk online
Salah satu cara untuk membuat website localhost adalah dengan menggunakan web server seperti XAMPP. Nantinya website XAMPP host lokal tersebut diupload ke hosting tersebut agar bisa diakses secara online.
Jadi bagaimana Anda menggunakan XAMPP untuk membangun sebuah website?
Tenang, pada artikel kali ini kami akan menjelaskan cara membuat website di localhost agar bisa anda akses secara online. Tidak perlu berlama-lama lagi, yuk langsung saja simak panduan lengkapnya di bawah ini!
Cara membuat website di localhost
Sebelum membuat website Localhost, Anda perlu mempersiapkan dua hal, yaitu:
XAMPP – Alat yang bertindak sebagai server web di lingkungan lokal. Anda dapat mengunduhnya secara gratis tergantung pada sistem operasi yang Anda gunakan. Kemudian instal XAMPP di komputer Anda.
Code Editor – aplikasi untuk menulis kode pemrograman dalam pengembangan website. Dalam tutorial ini kita menggunakan Visual Studio Code.
Kemudian Anda bisa memulai dengan 6 langkah ini cara membuat website di localhost:
Jalankan XAMPP
membuat basis data
Buat folder di htdocs
Menyiapkan file situs web
Hubungkan basis data ke situs web
Akses ke situs web localhost
Dalam tutorial ini, kita akan membuat website absensi sederhana menggunakan bahasa pemrograman PHP:
1. Jalankan XAMPP
Untuk membuat website di localhost, Anda harus menjalankan XAMPP terlebih dahulu. Caranya, buka aplikasi XAMPP lalu klik tombol Start pada modul Apache dan MySQL, sebagai berikut:
menjalankan xampp
Apache adalah server web yang perlu dijalankan agar situs web Anda dapat diakses di localhost. Sedangkan MySQL dibutuhkan untuk website yang memiliki fitur database management.
Mengaktifkannya memberi Anda akses untuk membuat database di localhost/phpmyadmin.
2. Buat folder di htdocs
Agar situs web XAMPP localhost dapat diakses, Anda perlu menyimpan folder proyek situs web Anda di direktori C:\xampp\htdocs. Dalam tutorial membuat website di localhost ini, kita membuat folder bernama webproject.
Buat folder proyek situs web di htdocs
3. Membuat database
Selanjutnya, buka browser web Anda dan akses localhost/phpmyadmin. Nanti Anda akan melihat iklan seperti ini:
layar beranda phpmyadmin
Buat database baru yang akan digunakan untuk proyek situs web Anda di halaman ini. Untuk melakukan ini, klik Baru seperti yang ditunjukkan pada gambar di bawah ini:
Buat database baru phpmyadmin
Kemudian masukkan nama database pada kolom yang tersedia. Dalam tutorial ini kita menggunakan nama db_webproject. Jika Anda sudah memutuskan nama database yang akan dibuat, klik tombol Create.
Buat database baru di localhost phpmyadmin
Anda akan dibawa ke halaman untuk membuat tabel di database baru. Kami membuat tabel yang disebut Kehadiran yang memiliki 4 kolom.
Buat tabel di database phpmyadmin
Selanjutnya, masukkan empat atribut berikut pada tabel absensi:
id – Untuk menyimpan ID database yang dimasukkan. Pilih INT sebagai tipe database, centang bagian A_I (Auto Increment).
nama – Untuk menyimpan nama. Pilih VARCHAR sebagai tipe database dan masukkan 500 untuk Panjang/Nilai.
Divisi – Untuk menyimpan nama divisi. Pilih VARCHAR sebagai tipe database dan masukkan 100 untuk Panjang/Nilai.
time_attendance – Untuk menyimpan data saat pengguna hadir. Pilih TIMESTAMP sebagai tipe database.
Masukkan atribut ke dalam tabel database
Setelah menentukan atribut ini, klik tombol Simpan untuk membuat tabel.
Nah, sekarang Anda memiliki database baru yang didedikasikan untuk menyimpan data kehadiran untuk situs web kehadiran sederhana.
4. Siapkan file situs web
Pada langkah sebelumnya, Anda membuat database. Sekarang Anda perlu menyiapkan file proyek situs web Anda.
LIHAT JUGA :