Tutorial Membuat Login dengan Username dan Hak Akses di Laravel 5.5

Assalamualaikum warahmatullahi wabarakatuh...

Pada kesempatan kali ini saya akan memberikan tutorial tentang cara membuat login menggunakan username dan meberikan hak akses di Laravel 5.5. Buat teman-teman yang masih baru belajar Laravel tenang saja karena tutorial ini saya buat agar mudah diikuti. Baiklah simak penjelasan berikut ini.

Apa saja yang diperlukan untuk memulai membuat web menggunakan Laravel? Berikut ini yang harus dipersiapkan.

1. Composer
2. Text Editor ( Visual Studio Code, Atom, Sublime Text dan lain-lain )
3. Xampp ( Untuk pengguna Windows )
4. PHPMyAdmin, MySql Server ( Untuk pengguna Linux )

Nah, itu dia yang perlu teman-teman siapkan. Jika sudah lanjut ketahap selanjutnya. Ada dua cara membuat projek Laravel yaitu dengan menggunakan Composer Create-Project dan Laravel Installer. Berikut perintah untuk membuat projek Laravel.

Menggunakan Composer Create-Project

composer create-project --prefer-dist laravel/laravel namaprojeknya

Menggunakan Laravel Installer
Pertama download Laravel Installer menggunakan Composer.

composer global require "laravel/installer"

Kemudian buat projek

laravel new namaprojeknya

Untuk membuat login autentikasi di Laravel sangat mudah yaitu dengan perintah berikut ini. Jika teman-teman menggunakan teks editor Visual Studio Code, silahkan buka terminal dengan cara klik pada View > Integrated Terminal.

Ketik perintah berikut!

php artisan make:auth

Lalu cek kedalam folder resources/views/auth , disitu terdapat halaman register.blade.php , login, folder email dan password. Abaikan saja dulu yg penting udah ada view nya.
Setelah itu, silahkan buka PHPMyadmin dan buka projek Laravel di text editor. Di PHPMyadmin silahkan buat database baru, contoh seperti berikut.


Buka file .env yang ada di projek Laravel dan hubungkan ke database yang sudah dibuat tadi. Silahkan sesuaikan nama database, username dan password PHPMyadmin yang teman-teman punya.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=nama_db
DB_USERNAME=root
DB_PASSWORD=12345

Selanjutnya mengimport table ke database, ketik perintah berikut.

php artisan migrate

Kemudian ketik perintah berikut untuk melihat hasilnya.

php artisan serve

Buka di browser http://127.0.0.1:8000

Silahkan coba registrasi user baru dan lakukan login, jika sukses kita ke tahap selanjutnya. Ok, sekarang kita akan ubah login default yang munggunakan email menjadi menggunakan username. Tambahkan dulu kolom username di table users pada PHPMyadmin.

Selanjutnya tambahkan username ke model yang ada di app/user.php , seperti berikut:


Selanjutnya tambahkan di RegisterController.php yang ada di folder App / Http / Controllers / Auth / RegisterController.php , tambahkan seperti berikut ini:


Tambahkan script berikut ini di app / Http / Controllers / Auth / LoginController.php , sehingga menjadi seperti berikut ini:

protected $username = 'username';

Di form registernya  ubah juga, silahkan masuk ke resources / views / auth / register.blade.php , tambahkan script berikut ini :

<div class="form-group{{ $errors->has('username') ? ' has-error' : '' }}">
  <label class="col-md-4 control-label">Username</label>
  <div class="col-md-6">
     <input type="text" class="form-control" name="username" value="{{ old('username') }}">
     @if ($errors->has('username'))
        <span class="help-block">
          <strong>{{ $errors->first('username') }}</strong>
        </span>
     @endif
  </div>
</div>

Sehingga seperti berikut ini:


Lalu ubah email menjadi username yang ada di login.blade.php menjadi seperti berikut:


Ok, sekarang silahkan coba login menggunakan username! Jika tidak berhasil, coba teliti lagi mungkin ada langkah yang terlewatkan. Jika berhasil kita lanjut membuat hak akses. Caranya sama silahkan tambah kolom jabatan di table users seperti tadi, sehingga menjadi seperti berikut ini.


Modelnya :


RegisterController.php


Register.blade.php

<div class="form-group{{ $errors->has('jabatan') ? ' has-error ' : '' }}">
  <label class="col-md-4 control-label">Jabatan</label>

  <div class="col-md-6">
     <select name="jabatan" class="form-control">
        <option value="ADMIN">ADMIN</option>
        <option value="PARENT">PARENT</option>
       <option value="SISWA">SISWA</option>
     </select>
  </div>
</div>

Hasilnya


Database nya :

Lalu ubah file home.blade.php menjadi seperti berikut ini:


Maka jika kita login akan seperti berikut ini:


Nah, itu dia tutorial membuat login dengan username dan hak akses pada Laravel 5.5 . Ok demikian tutorial kali ini semoga bisa bermanfaat. Apabila ada kritik dan saran bisa kirim di kolom komentar di bawah ya. Terimakasih.