Tutorial Membuat Aplikasi Web dengan Laravel Voyager (Part 1)

0
235

Tutorial Membuat Aplikasi Web dengan Laravel Voyager.

Tutorial Membuat Aplikasi Web dengan Laravel Voyager

Untuk bsia mengikuti Tutorial Membuat Aplikasi Web dengan Laravel Voyager, download dan install terlebih dahulu aplikasi yang dibutuhkan sebagai berikut.

  • XAMPP dengan PHP minimal PHP v7, bisa download disini
  • Composer, bisa download disini
  • Visual Studio Code, bisa download disini

Setelah semua software yang dibutuhkan sudah di install, kamu bisa ikuti Tutorial Membuat Aplikasi Web dengan Laravel Voyager dibawah ini.

Berikut Tutorial Membuat Aplikasi Web dengan Laravel Voyager

    1. Buka XAMPP Control Panel, pastikan Apache dan MySQL nya sudah berjalan
    2. Buka aplikasi Visual Studio Code, lalu klik View > Integrated Terminal, makan akan muncul jendela terminal bawaan Visual Studio Code
  1. Ketik di terminal cd C:/xampp/htdocs lalu tekan enter untuk masuk ke folder htdocs
  2. Jalankan perintah dibawah untuk membuat project laravel-nya

    Setelah itu tunggu sampai projectnya selesai didownload. Adapun perintah diatas adalah untuk membuat project laravel dengan nama project webapp, kamu bisa membuat nama projectnya sesuai keinginan kamu
  3. Ketik di terminal cd webpp untuk masuk ke folder project laravel-nya
  4. Install library voyager-nya dengan peritah berikut
  5. Selanjutnya buat database aplikasi webapp-nya di http://localhost/phpmyadmin, buat saja nama databasenya sesuai dengan nama project, pada contoh ini nama databasenya webapp
  6. Di Visual Studio Code, klik File > Open Folder, buka folder direktori projectnya di C:/xampp/htdocs/webapp
  7. Maka akan muncul tampilan semua direktori dan file project aplikasi webapp yang akan kita buat
    Tutorial Membuat Aplikasi Web dengan Laravel Voyager
  8. Buka file .env pada project diatas, lalu ubah konfigurasi url project dan database nya seperti ini :

    Adapun keterangan konfigurasi file .env diatas sebagai berikut :

    • APP_URL adalah alamat aplikasi projectnya yaitu http://localhost/webapp
    • DB_HOST diisi dengan alamat hostnya yaitu localhost atau 127.0.0.1 sama saja
    • DB_USERNAME diisi dengan username databasenya, jika di localhost isi dengan root
    • DB_PASSWORD  diisi dengan password databasenya, jika tidak ada kosongkan aja
  9. Jalankan perintah dibawah untuk menginstal voyager dan dummy-nya, lalu tunggu sampai salesai di download

    Jika saat menginstal terdapat error seperti dibawah ini…
    Tutorial Membuat Aplikasi Web dengan Laravel Voyager
    Dapat diatasi dengan mengedit file AppServiceProvider.php yang ada di webapp\app\Providers\AppServiceProvider.php, tambahkan kode berikut :
  10. Jika masih terdapat error saat install voyager, silahkan di drop database atau di delete semua field databasenya, lalu jalankan perintah nomor 11 kembali.
  11. Jalankan perintah di terminal berikut untuk menjalankan server-nya :
  12. Kita sudah bisa mengakses halaman admin voyager di http://localhost:8000/admin dengan login sebagai berikut :
    email: admin@admin.com
    password: password
  13. Selesai

Pada pembahasan berikutnya kita akan menggunakan BREAD di Laravel Voyager yang merupakan kepanjangan dari Browse, Read, Edit, Update dan Delete untuk melengkapi pembuatan aplikasi webapp yang telah kita buat kali ini.

Sumber :

LEAVE A REPLY

Please enter your comment!
Please enter your name here