Sebagai tindak lanjut tulisan saya sebelumnya mengenai Apa yang Baru di Laravel 6 maka saya akan membuat sebuah series mengenai Pemrograman Web dengan Laravel 6. Series ini akan disusun untuk membuat sebuah program sederhana yang memanfaatkan fitur-fitur umum yang sangat mungkin digunakan dibanyak kasus. Tulisan ini akan menggunakan Laravel 6.* (dengan asusmsi bahwa Laravel sudah konsisten meunggunakan Semantic Versioning sehingga tidak ada BBC pada seluruh Laravel versi 6).

Secara garis besar (dan mungkin akan bertambah sesuai keperluan yang mungkin terjadi) outline dari seri tulisan ini akan terdiri dari hal berikut.

  1. Instalasi
  2. Login, UI dan Auth
  3. Layout Theme dan Blade Template
  4. Migration
  5. Middleware
  6. Crud dengan Laravel
  7. Bekerja dengan Form
  8. Rich Text Input CKEditor dan alternatifnya
  9. Gridview dan Datatables
  10. SEO Friendly URL dengan Slug
  11. Retrieve Data
  12. Relasi Database
  13. Menggunakan Select2
  14. Menggunakan Dependent Dropdown pada Laravel
  15. Bekerja dengan Modals
  16. Mengupload File
  17. Session dan Cookie
  18. GoogleMaps API
  19. Socket.io
  20. Handling Error
  21. Amazon S3
  22. Email dengan Swiftmailer
  23. Notifikasi Real Time dengan Socket.io

 

Anda dapat mengunduh dan memantau progress dari series ini lewat repositori Githun belajararief-laravel6series. Silahkan bintangi (star) untuk dapat lebih mudah memantau perkembangan repositori.

Requirement

Untuk memudahkan anda dalam memahami petunjuk di series ini, maka beberapa hal yang perlu diperhatikan diantaranya:

  1. Sistem Operasi yang saya gunakan adalah Windows 10 64bit dengan terminal menggunakan powershell terminal (beberapa command seperti cd dapat berbeda dengan command prompt biasa), namun saya akan berusaha sebisa mungkin mencontohkan perintah pada sistem operasi lain jika memunkinkan.
  2. Stack yang digunakan adalah Wamp Server (Apache 2.4, MariaDB 10, PHP 7.3).
  3. Laravel yang digunakan adalah Laravel 6 (sesuai dengan versi terbaru saat ini) dengan asumsi Laravel konsisten dengan SemVer.

Mengenal Laravel Auth

Pada Laravel 5 (dan sebelumnya) kita dapat dengan mudah memperoleh halaman login dan register dengan perintah make:auth dan secara instan kita memperoleh halaman tersebut. Namun di Laravel 6, Laravel mulai sedikit banyak mengikuti pola Symfony dengan memisahkan banyak komponen yang ada di Laravel menjadi terpisah, salah satunya termasuk Auth, UI, dan lain-lain. Pendekatan ini juga diikuti oleh framework yang lain, seperti Yii yang di versi 3 sepertinya akan berubah menjadi Symfony (juga).

Koneksi Database dan Migrate

Sebelum kita memulai, kita perlu menghubungkan dulu aplikasi kita dengan database yang ingin kita gunakan. Pertama buat database yang akan kita gunakan, kemudian buka file .env lalu isi konfigurasi database sesuai dengan konfigurasi database anda seperti di bawah ini.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=nama_database
DB_USERNAME=username_anda
DB_PASSWORD=password_anda

Kemudian jalankan perintah berikut untuk dapat memperoleh database yang nanti akan kita gunakan untuk Auth.

php artisan migrate

Instalasi Laravel UI

Seperti dijelaksan sebelumnya bahwa Laravel sudah memisahkan banyak komponen dari Core Laravel. Salah satunya User Interface (UI). Namun kabar baiknya dengan pemisahan ini anda akan lebih mudah memilih frontend yang ingin anda gunakan pada aplikasi laravel anda. Sayangnya saat ini frontend yang dapat anda gunakan terbatas pada Bootstrap, React, dan Vue.

Untuk menggunakan Laravel UI maka kita lakukan terlebih dahulu instalasi Laravel UI. Instalasi dapat dilakukan dengan perintah berikut.

composer require laravel/ui

Laravel Auth

Setelah melakukan instalasi maka kita dapat membuat UI untuk auth. Hal yang harus diperhatikan adalah kita sudah mulai harus memilih frontend yang ingin kita gunakan. Dalam contoh ini kita akan menggunakan Bootstrap sebagai frontend kita (hai kembali Jquery).

php artisan ui bootstrap --auth

Kemudian lakukan compiling frontend kita dengan perintah berikut.

npm install
npm run dev

Selanjutnya jika anda membuka aplikasi Laravel anda maka akan ada tambahan menu register dan login yang bisa anda gunakan untuk membuat user baru dan login.


Demikian tutorial untuk login, laravel I dan auth kali ini, semoga bermanfaat dan Happy Coding!