Tanggal :13 Juli 2024
Belajar Autentikasi Laravel

Belajar Laravel : Autentikasi Laravel

Artikel ini bagian ke 5 dari total 6 artikel di seri Belajar Laravel

Assalamualaikum Warohmatulloh Wabarokatuh, setiap membuat aplikasi, tidak bisa dihindari jika mayoritas aplikasi membutuhkan sistem autentikasi. Di Laravel, untuk membuat autentikasi laravel ini proses dan waktunya sangat singkat sekali jika menggunakan Authentication Scaffolding.

Membuat Autentikasi di Laravel

Untuk menggunakan Auth Scaffolding kita harus menginstal package laravel/ui terlebih dulu. Dan ini adalah perubahan yang terjadi sejak Laravel 6. Sebelum Laravel 6 kita cukup jalankan perintah php artisan make:auth.

composer require laravel/ui

Setelah proses instalasi laravel/ui selesai. Sekarang kita memiliki perintah baru pada artisan.

Perintah artisan ui

Untuk lebih jelasnya kita jalankan perintah php artisan ui --help untuk mengetahui lebih jauh perintah ui ini dan cara penggunaannya.

Nah setelah kita jalankan perintahnya, muncul penjelasan seperti gambar di atas. Jadi untuk cara penggunaannya adalah seperti ini.

php artisan ui [options] [--] [type]

Misalnya, karena kita akan membuat autentikasi maka pada bagian [options] kita gunakan --auth. Sedangkan pada <type> kita bisa memilih presets yang disediakan bootstrap, vue, react. Contoh perintah jika kita ingin membuat autentikasi dengan preset bootstrap, maka perintahnya seperti ini.

php artisan ui --auth bootstrap
Autentikasi di Laravel
Halaman muka Laravel

Setelah menjalankan perintah tersebut, bisa kita cek pada halaman aplikasi kita. Sekarang pada pojok kanan atas terdapat tautan untuk “Login” dan “Register“. Tapi jika kita kilk pada tautan tersebut kita akan menemui halaman yang masih jelek secara tampilan, kurang lebih seperti ini.

Halaman Register sebelum aset dicompile

Sebenarnya pada saat kita selesai menjalankan perintah di atas. terdapaat penejelasan bahwa kita harus menjalankan perintah npm install && npm run dev untuk compile asetnya. Untuk menjalankan perintah tersebut, kita wajib instal nodejs & npm terlebih dulu.

Berikutnya yang sering terjadi masalah adalah pada pengguna Windows yang tidak bisa menjalankan perintah tersebut. Tenang, untuk pengguna Windows bisa jalankan perintahnya satu per satu npm install dan setelah selesai lanjutkan dengan perintah npm run dev.

Setelah berhasil compile asetnya, maka halaman login dan register sekarang tampil lebih cantik, kayak cewek abis make up, haha.

Autentikasi di Laravel
Halaman Register

Konfigurasi Email untuk Forgot Password

Setelah mendapatkan tampilan yang bagus, sebenarnya semua fungsi autentikasi seperti Register, Login,Logout sudah bisa kita gunakan semuanya. Hanya untuk fitur Forgot Password perlu sedikit tambahan konfigurasi pada file .env. Tepatnya pada bagian MAIL_.

MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=
MAIL_PASSWORD=
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS=
MAIL_FROM_NAME="${APP_NAME}"

Pada bagian konfigurasi di atas, sesuaikan dengan konfigurasi dari layanan email yang akan kawan-kawan gunakan. Fitur Forgot Password sudah bisa digunakan.

Nah seperti itulah cara mebuat autentikasi di Laravel, semoga bisa bermanfaat.

Wassalamualaikum Warohmatulloh Wabarokatuh.

Series Navigation<< Belajar Laravel : Migration di LaravelBelajar Laravel : Verifikasi Email >>

Hai semua, saya Amirul seorang Software Engineer, suka membuat konten pembelajaran berupa artikel, video tutorial maupun podcast

One Ping

  1. Pingback: Belajar Laravel : Verifikasi Email - Kawan Koding

6 Comments

      1. Hilmi Hidayat

        wah makasih mas, sudah bisa trkirim.
        tapi kalau seperti ini gimana mas, ketika register email trkirim ke email user (bukan email verifikasi)

        sy coba sperti ini msih blum bisa

        protected function create(array $data)
        {
        return User::create([
        ‘name’ => $data[‘name’],
        ‘no_ktp’ => $data[‘no_ktp’],
        ‘alamat’ => $data[‘alamat’],
        ‘no_hp’ => $data[‘no_hp’],
        ‘unit_kerja’ => $data[‘unit_kerja’],
        ‘lok_simpanan’ => $data[‘lok_simpanan’],
        ‘email’ => $data[‘email’],
        ‘password’ => Hash::make($data[‘password’]),
        ‘status’ => ‘submission’,

        ]);
        Mail::send(‘email’, [‘nama’ => $data[‘name’]], function ($message) use ($data)
        {
        $message->subject(‘Register On-Lelang’);
        $message->from(‘donotreply@lelang.online’, ‘on-lelang’);
        $message->to($data[‘email’]);
        });
        }

Tinggalkan Balasan