Laravel

Autentikasi Laravel Menggunakan Fortify : Membuat Fungsi Login

Muhammad Amirul Ihsan7 November 20210 Comment02.9k

Artikel ini bagian ke 3 dari total 3 artikel di seri Autentikasi Laravel Menggunakan Fortify

Seri : Autentikasi Laravel Menggunakan Fortify

Autentikasi Laravel Menggunakan Fortify : Apa Itu Laravel Fortify?
Autentikasi Laravel Menggunakan Fortify : Membuat Fungsi Register
Autentikasi Laravel Menggunakan Fortify : Membuat Fungsi Login

Assalamualaikum Warohmatullah Wabarokatuh, fungsi register sudah selesai pada bagian sebelumnya. Selanjutnya kita akan membuat fungsi Login.

Tentu saja hal ini akan cukup mudah karena kita sudah membuat fungsi register, tugas kita selanjutanya hanya tinggal copy paste dan sedikit modifikasi untuk tampilan login. Tinggal kita buang saja sedikit field yang tidak digunakan pada Login.

Pertama tambahkan baris kode ini ke FortifyServiceProvider.

Fortify::loginView(function () {
    return view('auth.login');
});

Berikutnya buat file login.blade.php di dalam folder auth, kemudian untuk isinya bisa copy dari register.blade.php dengan sedikit penyesuaian.

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Register</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
    <div class="container">
        <h1>Register</h1>
        <form action="{{ route('login') }}" method="POST">
            @csrf
            <div class="mb-3">
                <label for="email" class="form-label">Email address</label>
                <input type="email" class="form-control @error('email') is-invalid @enderror" placeholder="name@example.com" name="email" value="{{ old('email') }}">
                @error('email')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="mb-3">
                <label for="email" class="form-label">Password</label>
                <input type="password" class="form-control @error('password') is-invalid @enderror" placeholder="password" name="password">
                @error('password')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
            </div>
            <div class="mb-3">
                <input type="submit" value="Register" class="btn btn-primary">
            </div>
        </form>
    </div>
</body>
</html>

Tampilan dari kode tersebut seperti ini.