Laravel Fortify #2 - Fitur Register dan Login

 


Halo teman semua, sebelumnya saya sudah membahas instalasi dan konfigurasi, sekarang kita lanjutkan ke fitur register dan login dengan Laravel Fortify, karena untuk route dan controller sudah dibuatkan otomatis oleh Laravel Fortify, jadi kita hanya perlu membuat view untuk proses register dan loginnya saja.


Membuat Layout App

Pertama kita membuat layouts app untuk menangani template auth yang akan kita buat, silahkan buat folder baru dengan nama layouts/ pada folder resources/views/ lalu buat file baru dengan nama app.blade.php didalam folder layouts/ dan masukkan kode berikut :


Note: pada layout di atas kita menggunakan bootstrap secara cdn, jadi pastikan komputer atau laptop terhubung internet saat menjalankan project ini.


Membuat View Register

Selanjutnya kita membuat view untuk menangani halaman register, kita buat folder baru didalam folder resources/views/ dengan nama auth/, dan didalam folder auth tersebut kita buat file baru dengan nama register.blade.php lalu masukkan kode berikut :



Note: Pada bagian atas kita menggunakan extends dari layouts app yang telah kita buat sebelumnya dan semua kode yang berada di dalam blade section content akan di render oleh yield content pada layouts app.


Pada form register kita mengarahkan action ke route register dengan method POST, route ini berada pada vendor/laravel/fortify/routes/routes.php dan kita tidak disarankan untuk merubah ini.



Selanjutnya kita coba jalankan pada browser dengan mengakses http://127.0.0.1:8000/register, jika berhasil maka akan muncul tampilan sebagai berikut :


Dan jika kita klik register tanpa mengisi apapun akan muncul validasi sebagai berikut :


Selanjutnya jika kita isi semua form dan kita klik register, maka akan muncul error 404 not found.


Sebenarnya kita telah berhasil melakukan registrasi, tetapi error ini muncul karena url mengakses halaman home, sementara kita belum membuat view untuk menanganinya, sekarang kita buat view untuk menangani ini.


Membuat View Home

Pada folder resources/views/ kita buat file baru dengan nama home.blade.php dan masukkan kode berikut :


Selanjutnya kita buat controller untuk menangani view home tersebut :


Buka file HomeController dan masukkan kode sehingga menjadi seperti berikut :


Note: Pada kode diatas kita memberikan middleware auth pada method construct, dimana method construct ini akan selalu di load paling awal oleh laravel, yang artinya setiap user yg ingin mengakses method di dalam class HomeController harus melalui proses autentikasi/login terlebih dahulu, dan pada method index kita akan langsung me-return view dari file home yang kita buat sebelumnya.


Selanjutnya kita buat route untuk view home ini sebagai berikut :


Sekarang buka browser dan kita akses http://127.0.0.1/home dan jika berhasil akan muncul tampilan seperti berikut :


Kita telah berhasil membuat view untuk register dan home, sekarang kita buat view untuk login.


Membuat View Login

Pertama buka folder resources/views/auth/ dan buat file baru dengan nama login.blade.php lalu masukkan kode berikut :


Note: Pada form register kita mengarahkan action ke route login dengan method POST, sama seperti register, route ini berada pada vendor/laravel/fortify/routes/routes.php dan kita tidak disarankan untuk merubahnya.


Selanjutnya kita coba akses url http://127.0.0.1:8000/login jika berhasil akan muncul seperti berikut :


Kita coba isi data yang salah, maka akan muncul validasi sebagai berikut :


Jika kita isi data yang benar maka akan berhasil login.


Kita telah berhasil membuat view untuk autentikasi dengan fortify, jika teman-teman memiliki pertanyaan atau saran mengenai artikel ini, silahkan tinggalkan komentar pada form dibawah, semoga artikel ini bermanfaat bagi teman-teman.


Terima Kasih...


by : Muhammad Agus Hermawan
Jombang Dev Software Developer

Belum ada Komentar untuk "Laravel Fortify #2 - Fitur Register dan Login"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel