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