{"id":53958,"date":"2025-04-04T08:20:20","date_gmt":"2025-04-04T01:20:20","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=53958"},"modified":"2025-04-07T08:30:18","modified_gmt":"2025-04-07T01:30:18","slug":"belajar-laravel-bagian-14","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-14\/","title":{"rendered":"Belajar Laravel Bagian 14 &#8211; Membuat Fitur Logout di Laravel"},"content":{"rendered":"\n<p>Pada seri belajar Laravel bagian ke-13, kita telah mempelajari cara membuat <a href=\"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-13\/\" target=\"_blank\" rel=\"noopener\" title=\"\">fitur login<\/a>. Di panduan kali ini, kita akan melanjutkan pembahasan dengan membuat fitur <em>logout <\/em>di Laravel secara mudah dan sederhana. Simak langkah-langkahnya berikut ini.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Apa Itu Fitur Logout<\/strong>?<\/h2>\n\n\n\n<p>Fitur logout di Laravel memungkinkan pengguna keluar dari aplikasi serta mengakhiri sesi yang sedang berlangsung. Dengan fitur ini, akun pengguna tetap aman setelah mereka selesai menggunakan sistem. <\/p>\n\n\n\n<p>Selain itu, fitur logout juga berfungsi untuk mencegah akses tidak sah, terutama jika perangkat digunakan oleh banyak orang (warnet atau komputer umum). Laravel bahkan mendukung logout otomatis berdasarkan waktu <em>idle <\/em>tertentu, sehingga keamanan aplikasi semakin terjaga.<\/p>\n\n\n\n<p>Dalam Laravel, logout dapat diimplementasikan dengan sistem autentikasi bawaan seperti Breeze, Passport, atau Jetstream. Proses logout biasanya dilakukan dengan menghapus sesi pengguna dan mengarahkan mereka ke halaman tertentu, seperti login atau beranda.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Membuat Fitur Logout di Laravel<\/h2>\n\n\n\n<p>Pada panduan ini, kita akan belajar cara membuat fitur logout sederhana di Laravel. Dengan langkah-langkah yang mudah dipahami, bahkan bagi pemula, Anda bisa mengimplementasikannya dengan cepat. Berikut cara membuat fitur logout di Laravel secara mudah. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1. Membuat <em>function <\/em>Logout pada <em>controller<\/em><\/h3>\n\n\n\n<p>Untuk menambahkan <em>function <\/em>logout ini kita dapat menambahkan pada <em>controller<\/em> Logincontroller sebelumnya yang telah kita buat, untuk isi dari <em>function<\/em>nya seperti berikut :<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-223905.png\"><img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"195\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-223905.png\" alt=\"Membuat function logout pada controller\" class=\"wp-image-53959\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-223905.png 548w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-223905-300x107.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-223905-370x132.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-223905-270x96.png 270w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Pastikan sudah menambahkan Class <code>Facedes\\Auth<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>use Illuminate\\Support\\Facades\\Auth;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2. Menambahkan Tombol Logout<\/h3>\n\n\n\n<p>Silahkan dapat menambahkan tombol logout di page berita yang sudah dibuat sebelumnya pada tutorial <a href=\"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-11\/\" target=\"_blank\" rel=\"noopener\" title=\"\">berikut<\/a> dengan code berikut&nbsp;dapat disesuaikan tempatnya sesuai dengan keinginan Anda.<br \/><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form action=\"{{ route('logout') }}\" method=\"POST\"&gt;\n    @csrf\n    &lt;button type=\"submit\" class=\"btn btn-danger\"&gt;Logout&lt;\/button&gt;\n&lt;\/form&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3. Membuat Route Logout<\/h3>\n\n\n\n<p>Kita dapat menambahkan <em>route <\/em>Logout pada file <code>routes\/web.php<\/code> yang bertujuan untuk mengatur <em>function<\/em> logout ini dapat digunakan nantinya dengan isi sebagai berikut :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-224446-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"658\" height=\"34\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-224446-1.png\" alt=\"Membuat Route Logout\" class=\"wp-image-53961\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-224446-1.png 658w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-224446-1-300x16.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-224446-1-370x19.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-224446-1-270x14.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-224446-1-570x29.png 570w\" sizes=\"auto, (max-width: 658px) 100vw, 658px\" \/><\/a><\/figure>\n\n\n\n<p>Pastikan sudah mengimpor <em>controller <\/em>loginnya.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>use App\\Http\\Controllers\\LoginController;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4. Mulai Pengujian<\/h3>\n\n\n\n<p>Silahkan dapat login terlebih dahulu dengan email dan password yang sudah dibuat sebelumnya untuk dapat masuk dan akses ke page \/berita. Selanjutnya, silahkan dapat klik tombol logout tersebut agar mengetahui <em>function <\/em>tersebut dapat digunakan atau tidak.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/image-6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"204\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/image-6.png\" alt=\"Pengujian Function - belajar laravel membuat fitur logout\" class=\"wp-image-53963\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/image-6.png 559w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/image-6-300x109.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/image-6-370x135.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/image-6-270x99.png 270w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Jika dapat terarah ke page (\/) atau sesuai yang Anda tentukan, maka <em>function <\/em>tersebut sudah berjalan sesuai dengan yang kita buat di <em>controller <\/em>sebelumnya.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-225019.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"441\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-225019-1024x441.png\" alt=\"Redirect Setelah Logout\" class=\"wp-image-53964\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-225019-1024x441.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-225019-300x129.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-225019-768x331.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-225019-370x159.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-225019-270x116.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-225019-570x246.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-225019-740x319.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/03\/Screenshot-2025-03-16-225019.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Kesimpulan <\/strong><\/h2>\n\n\n\n<p>Fitur logout di Laravel memungkinkan pengguna keluar dari sesi autentikasi dengan aman. Prosesnya melibatkan Auth::logout(), penghapusan sesi, dan regenerasi CSRF token untuk mencegah serangan keamanan. <\/p>\n\n\n\n<p>Implementasinya cukup sederhana, yaitu dengan menambahkan <em>route <\/em>logout, fungsi logout di controller, dan tombol logout di tampilan Blade. Setelah logout, pengguna diarahkan kembali ke halaman login atau halaman utama yang Anda tentukan.<\/p>\n\n\n\n<p>Demikian seri belajar Laravel bagian 14 tentang cara membuat fitur Logout. Ikuti terus seri belajar Laravel selanjutnya hanya di Rumahweb Indonesia. Semoga bermanfaat. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pada seri belajar Laravel bagian ke-13, kita telah mempelajari cara membuat fitur login. Di panduan kali ini, kita akan melanjutkan pembahasan dengan membuat fitur logout di Laravel secara mudah dan sederhana. Simak langkah-langkahnya berikut ini. Apa Itu Fitur Logout? Fitur logout di Laravel memungkinkan pengguna keluar dari aplikasi serta mengakhiri sesi yang sedang berlangsung. Dengan [&hellip;]<\/p>\n","protected":false},"author":357,"featured_media":54272,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[1587,796,1497],"class_list":{"0":"post-53958","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-belajar-laravel","9":"tag-laravel","10":"tag-tutorial-laravel"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/53958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/357"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=53958"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/53958\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/54272"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=53958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=53958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=53958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}