{"id":1359,"date":"2024-01-31T07:05:07","date_gmt":"2024-01-31T07:05:07","guid":{"rendered":"https:\/\/blog.uts.ac.id\/jul\/?p=1359"},"modified":"2024-01-31T07:05:55","modified_gmt":"2024-01-31T07:05:55","slug":"laravel-26-membuat-login-dan-register-dengan-laravel","status":"publish","type":"post","link":"https:\/\/blog.uts.ac.id\/jul\/2024\/01\/31\/laravel-26-membuat-login-dan-register-dengan-laravel\/","title":{"rendered":"Laravel #26 : Membuat Login dan Register Dengan Laravel"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t

Pada tutorial ini kita akan belajar bagaimana membuat login dan register di laravel dengan mudah dan cepat. Caranya pun sangat mudah.<\/p>\n

Laravel telah menyiapkan perintah php artisan untuk membuat login atau sistem autentikasi dengan laravel. tidak hanya itu, laravel juga telah menyiapkan file migration untuk membuat table user. jadi bisa langsung kita migrate untuk membuat table user.<\/p>\n

Jadi nantinya pada sistem login dan register yang akan kita buat ini, user bisa mendaftarkan akun dirinya, setelah mendaftar, user bisa melakukan login. laravel keren kan? \"\ud83d\ude42\"<\/p>\n

Yuk langsung saja kita masuk ke tutorial membuat login dan register atau pendaftaran laravel dengan cara yang mudah dan cepat.<\/p>\n

Persiapan Project<\/h3>\n

Hal pertama yang kita lakukan adalah mempersiapkan project laravel nya. pada tutorial membuat login dan fitur register  laravel ini, saya membuat sebuah project laravel baru dengan nama laravelku.<\/p>\n

Silahkan baca tutorial berikut jika teman-teman belum mempelajari cara membuat project laravel.<\/p>\n

BACA : Tutorial Instalasi Laravel<\/a><\/p>

\n<\/div>\n<\/div>\n<\/div>\n

Kita akan membuat project laravel nya di dalam folder htdocs.<\/p>\n

Buka terminal atau CMD teman-teman, masuk ke directory htdocs nya menggunakan perintah cd. teman-teman yang menggunakan XAMPP, WAMP atau MAMP bisa menyesuaikan ya. di sini saya menggunakan MAMP.<\/p>\n

Kemudian ketik perintah berikut untuk menginstall project laravel menggunakan composer<\/a>.<\/p>\n

\n
\n
\n
\n
 <\/div>\n<\/div>\n
\n
 <\/div>\n<\/div>\n
\n
 <\/div>\n<\/div>\n<\/div>\n<\/div>\n
 <\/div>\n
\n\n\n\n
\n
\n
1<\/div>\n<\/div>\n<\/td>\n
\n
\n
composer <\/span>create<\/span>–project<\/span> —prefer<\/span>–dist <\/span>laravel<\/span>\/laravel <\/span>nama_project<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

karena di sini kita akan menginstall project laravel dengan nama laravelku. maka perintahnya seperti berikut.<\/p>\n

\n
\n
\n
\n
 <\/div>\n<\/div>\n
\n
 <\/div>\n<\/div>\n
\n
 <\/div>\n<\/div>\n<\/div>\n<\/div>\n
 <\/div>\n
\n\n\n\n
\n
\n
1<\/div>\n<\/div>\n<\/td>\n
\n
\n
composer <\/span>create<\/span>–project<\/span> —prefer<\/span>–dist <\/span>laravel<\/span>\/laravel <\/span>laravelku<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

\"Instalasi<\/p>\n

Instalasi Project Laravel<\/p>\n<\/div>\n

Tunggu hingga selesai.<\/p>\n

Persiapan Database<\/h3>\n

Setelah selesai melakukan instalasi laravel, selanjutnya kita lakukan beberapa pengaturan database pada project laravel yang baru saja kita install.<\/p>\n

Buat database baru dengan nama laravelku. silahkan teman-teman sesuaikan dengan keinginan masing-masing ya.<\/p>\n

Setelah membuat database, kemudian buka file .env yang ada pada direktori paling luar dalam project laravelnya. pada file ini kita akan melakukan pengaturan koneksi database laravel.<\/p>\n

BACA : Cara Menghubungkan Laravel Dengan Database<\/a><\/p>\n

.env<\/strong><\/p>\n

\n
\n
\n
\n
 <\/div>\n<\/div>\n
\n
 <\/div>\n<\/div>\n
\n
 <\/div>\n<\/div>\n<\/div>\n<\/div>\n
 <\/div>\n
\n\n\n\n
\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n<\/div>\n<\/td>\n
\n
\n
DB_CONNECTION<\/span>=mysql<\/span><\/div>\n
DB_HOST<\/span>=127.0.0.1<\/span><\/div>\n
DB_PORT<\/span>=3306<\/span><\/div>\n
DB_DATABASE<\/span>=laravelku<\/span><\/div>\n
DB_USERNAME<\/span>=root<\/span><\/div>\n
DB_PASSWORD<\/span>=root<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

silahkan teman-teman sesuaikan dengan username dan password mysql<\/a> teman-teman ya. jangan lupa untuk mengisi nama database yang akan kita gunakan juga pada file .env tersebut.<\/p>\n

Jika sudah, selanjutnya kita akan membuat table untuk user yang akan melakukan register dan login. perhatikan pada folder migration, laravel sudah menyediakan file migration untuk membuat table user untuk kita.<\/p>\n

\"membuat<\/p>\n

membuat table user di laravel<\/p>\n<\/div>\n

Secara default laravel akan membuatkan kolum id, name, email, email_verified_at, password, rememberToken, created_at dan updated_at.<\/p>\n

teman-teman gak perlu khawatir, pasti teman-teman bertanya kolum email_verified_at buat apa? tenang, akan kita bahas pada tutorial selanjutnya. pokoknya di malasngoding.com akan kita bahas tutorial laravel ini secara tuntas sampai ke akar-akarnya. hehe.<\/p>\n

Oke ya, sampai di sini mudah-mudahan teman-teman sudah paham. selanjutnya kita migrate untuk membuat table user menggunakan  perintah php artisan berikut.<\/p>\n

php artisan migrate<\/p>\n

Oke, sekarang table user sudah dibuatkan oleh laravel.<\/p>\n

\"membuat<\/p>\n

membuat login dan register dengan laravel-compressed<\/p>\n<\/div>\n

Jika teman-teman lihat pada gambar di atas, laravel juga membuatkan table password_resets untuk kita. tenang, akan kita bahas juga pada tutorial selanjutnya. untuk sekarang kita fokus saja dulu pada table users yang akan kita gunakan dalam pembuatan fitur register atau pendaftaran user dan login.<\/p>\n

\"membuat<\/p>\n

membuat login dan register di laravel<\/p>\n<\/div>\n

Sampai di sini proses persiapan database sudah selesai. kita lanjut ke proses membuat fitur register dan login pada laravel.<\/p>\n

Membuat Login Dengan Mudah Di Laravel<\/h3>\n

Nah, sekarang kita masuk ke proses membuat login dan register dengan laravel. seperti yang saya jelaskan sebelumnya. laravel melakukan semuanya untuk kita. jadi programmer betul-betul dimanja oleh laravel.<\/p>\n

Bayangkan saja, hanya sebaris perintah php artisan, kita lansung punya fitur login dan register.<\/p>\n

Untuk membuat Login atau register pada laravel, kita bisa mengetikkan perintah php artisan berikut.<\/p>\n

php artisan make:auth<\/p>\n

dan tunggu sampai selesai.<\/p>\n

\"php<\/p>\n

php artisan make auth<\/p>\n<\/div>\n

Setelah selesai, sekarang jalankan project laravelku.<\/p>\n

php artisan serve<\/p>\n

kemudian akses projectnya<\/p>\n

localhost:8000<\/p>\n

Maka kita akan punya menu login dan register pada bagian header. Login dan Register Laravel<\/strong>.<\/p>\n

\"Login<\/p>\n

Login dan Register Laravel<\/p>\n<\/div>\n

Coba klik register, maka akan muncul halaman pendaftaran user. kita daftarkan akun user pada menu register.<\/p>\n

\"membuat<\/p>\n

membuat register dengan laravel<\/p>\n<\/div>\n

Klik register, maka data user yang kita daftarkan di atas akan disimpan pada table users. dan kita langsung di alihkan ke halaman dashboard user.<\/p>\n

\"halaman<\/p>\n

halaman dashboard user admin laravel<\/p>\n<\/div>\n

Mantap, tidak hanya itu, kita juga sekarang punya menu logout. dan bisa melakukan login kembali. klik pada menu paling kanan atas untuk melihat menu logout.<\/p>\n

\"membuat<\/p>\n

membuat logout dengan laravel<\/p>\n<\/div>\n

kemudian kita coba login dengan user yang sudah kita daftarkan tersebut.<\/p>\n

\"membuat<\/p>\n

membuat login dengan laravel<\/p>\n<\/div>\n

klik login.<\/p>\n

\"halaman<\/p>\n

halaman dashboard user admin laravel<\/p>\n<\/div>\n

Oke teman-teman, selesai sudah proses Membuat Login dan Register Dengan Laravel<\/strong>. sangat mudah bukan.<\/p>\n

Penjelasan<\/h3>\n

Ada beberapa penjelasan yang mungkin teman-teman butuhkan. tentang proses login dan register pada laravel ini.<\/p>\n

Apa saja yang berubah dari project laravel kita dengan membuat login menggunakan php artisan make:auth ?<\/p>\n

Route<\/h4>\n

Ada beberapa bagian yang di generate oleh laravel, pada bagian route, akan ada route login yang sepaket di dalamnya ada route untuk login, logout, register dan lain-lain. yaitu fungsi Auth::routes();<\/p>\n

Teman-teman bisa mengecek route apa saja yang ada dalam fungsi Auth::routes(); tersebut dengan mengetikkan perintah php artisan route:list .<\/p>\n

Controllers<\/h4>\n

Ada beberapa controller yang digenerate, di anatranya adalah controller yang ada dalam folder auth. dan HomeController sebagai controller yang menampilkan halaman dashboard user.<\/p>\n

Views<\/h4>\n

Jika teman-teman ingin melakukan custom halaman login laravel, teman-teman bisa melakukan custom pada folder auth, yang ada dalam folder views.<\/p>\n

Selebihnya teman-teman bisa langsung explore sendiri sambil lebih banyak bereksperimen.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Pada tutorial ini kita akan belajar bagaimana membuat login dan register di laravel dengan mudah dan cepat. Caranya pun sangat mudah. Laravel telah menyiapkan perintah php artisan untuk membuat login atau sistem autentikasi dengan laravel. tidak hanya itu, laravel juga telah menyiapkan file migration untuk membuat table user. jadi bisa langsung kita migrate untuk membuat table user. […]<\/p>\n","protected":false},"author":21,"featured_media":1365,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1359"}],"collection":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/comments?post=1359"}],"version-history":[{"count":4,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1359\/revisions"}],"predecessor-version":[{"id":1369,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1359\/revisions\/1369"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media\/1365"}],"wp:attachment":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media?parent=1359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/categories?post=1359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/tags?post=1359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}