Tanggal :1 Juni 2020

Belajar Laravel : Autentikasi Laravel

Belajar Autentikasi Laravel
Artikel ini bagian ke 5 dari 6 seri dalam artikel berseri "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 &amp;&amp; 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.

Hi Saya Amirul, Saya mengajarkan koding melalui screencast di Kawan Koding, saya juga menulis Artikel di Kawan Koding.

One Ping

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

6 Comments

  1. Hilmi Hidayat Reply

    kalau mail hostnya pakai gmail gimana mas ?
    sy bberapa kali coba buat sender email pakai gmail, gagal2. hehhe

      1. Hilmi Hidayat Reply

        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

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *