Tanggal :27 November 2021
Membuat Fungsi Login Laravel Fortify

Autentikasi Laravel Menggunakan Fortify : Membuat Fungsi Login

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

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.

Login Fortify
Tampilan Login

Sekarang coba lakukan proses login dengan akun yang sebelumnya sudah terdaftar, jika benar seharusnya akan redirect ke halaman home.

Berikutnya kita akan buat fungsi logout agar user bisa mengakhiri sesinya.

Wassalamualaikum Warohmatullah Wabarokatuh

Series Navigation<< Autentikasi Laravel Menggunakan Fortify : Membuat Fungsi Register

Halo semuanya, saya Amirul seoarang Web Developer, suka membuat konten pembelajaran berupa artikel, video tutorial maupun podcast, saya juga suka makan dan foto makanan.

Tinggalkan Balasan

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