Laravel Livewire Authentication #7 : Proses Logout


Fika Ridaul Maulayya
Full-Stack Web Developer, Content Creator and CO-Founder SantriKoding.com
Laravel Livewire Authentication #7 : Proses Logout

Halo teman-teman semuanya, sebelumnya kita sudah berhasil membuat proses Authentication dan halaman Dashboard, maka sekarang kita lanjutkan untuk membuat proses Logout.

Disini kita akan membuat component dan component tersebut kita panggil di view pada halaman dashboard. Langsung saja kita mulai.

Langkah 1 - Membuat Component Logout

Silahkan jalankan perintah di bawah ini untuk membuat component Logout.

php artisan make:livewire admin.logout

Di atas kita akan membuat sebuah component baru dengan nama logout yang berada di dalam folder admin. Jika perintah di atas berhasil maka kita akan dibuatkan 2 file, yaitu class dan view.

app/Http/Livewire/Admin/Logout.php
resources/views/livewire/admin/logout.blade.php

Langkah 2 - Membuat Fungsi Logout

Sekarang kita akan menambahkan fungsi untuk proses logout di dalam component Logout. Silahkan buka file app/Http/Livewire/Admin/Logout.php kemudian ubah kodenya menjadi seperti berikut ini :

<?php

namespace App\Http\Livewire\Admin;

use Livewire\Component;
use Illuminate\Support\Facades\Auth;

class Logout extends Component
{
    /**
     * logout
     *
     * @return void
     */
    public function logout()
    {
        Auth::logout();
        return redirect()->route('auth.login');
    }

    public function render()
    {
        return view('livewire.admin.logout');
    }
}

Pertama kita import Facades Auth terlebih dahulu dari Laravel, ini akan kita gunakan untuk proses Logout.

use Illuminate\Support\Facades\Auth;

Kemudian kita buat function logout, dimana di dalamnya kita memanggil Auth::logout yang merupakan salah satu method yang ada di dalam Facades Auth.

Auth::logout();

Setelah itu akan di arahkan ke route yang bernama auth.login

return redirect()->route('auth.login');

Langkah 3 - Membuat View Logout

Sekarang kita lanjutkan untuk membuat viuew untuk proses Logout, silahkan buka file resources/views/livewire/admin/logout.blade.php kemudian ubah kodenya menjadi seperti berikut ini :

<div>
    <a wire:click="logout" class="list-group-item active" style="cursor: pointer">LOGOUT <i class="fas fa-sign-out-alt"></i></a>
</div>

Di atas kita menggunakan directive wire:click yang mengarah ke function logout yang ada di dalam component. Kemudian selanjutnya kita akan panggil component logout ini di dalam dashboard.

Langkah 4 - Render Component Logout di Dashboard

Silahkan buka file resources/views/livewire/admin/dashboard.blade.php kemudian cari kode berikut ini :

<li class="list-group-item active">LOGOUT <i class="fas fa-sign-out-alt"></i></a>

Kemudian ubahlah menjadi seperti berikut ini :

<livewire:admin.logout/>

Kode di atas kita gunakan untuk memanggil component logout di dalam view dashboard. Sekarang kita bisa mencoba menjalankan proses Logout di dalma project kita.


EBOOK MEMBANGUN TOKO ONLINE DENGAN LARAVEL DAN LIVEWIRE : https://bit.ly/ebook-laravel-livewire


Fika Ridaul Maulayya
Full-Stack Web Developer, Content Creator and CO-Founder SantriKoding.com

Suka dengan tulisan di SantriKoding? Kamu bisa memberikan dukungan dengan berdonasi atau bagikan konten ini di sosial media. Terima kasih atas dukungan Anda!

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami