{"id":55703,"date":"2025-06-26T16:08:09","date_gmt":"2025-06-26T09:08:09","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=55703"},"modified":"2026-02-16T10:26:51","modified_gmt":"2026-02-16T03:26:51","slug":"belajar-laravel-bagian-20","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-20\/","title":{"rendered":"Belajar Laravel Bagian 20 – Membuat Roles Multi Level User"},"content":{"rendered":"\n

Saat membuat aplikasi berbasis website, sering kali kita perlu membedakan akses antara admin, pengguna biasa, hingga mungkin moderator. Di sinilah pentingnya menerapkan sistem multi level user di website. Dengan sistem ini, setiap pengguna bisa memiliki peran (role<\/em>) yang berbeda dan hanya bisa mengakses fitur sesuai haknya.<\/p>\n\n\n\n

Pada sesi belajar laravel bagian ke 20 ini, kita akan belajar cara membuat sistem roles <\/em>akses pengguna berdasarkan peran masing-masing user. <\/p>\n\n\n\n

Selain itu, kita akan membangun fitur login yang membedakan akses tiap user, mulai dari membuat tabel database untuk menyimpan data pengguna, mengatur middleware dan proteksi route sesuai role, hingga membuat controller yang menjalankan logikanya.<\/p>\n\n\n\n

Sebelum mengikuti sesi belajar Laravel ini, pastikan Anda sudah mengikuti sesi sebelumnya. Panduan ini adalah lanjutan dari materi tentang pembuatan login di Laravel. Jika belum, Anda bisa membacanya terlebih dahulu di halaman Belajar Laravel<\/a>.<\/p>\n\n\n\n

Apa itu Roles?<\/h2>\n\n\n\n

Role <\/em>adalah peran yang dimiliki oleh setiap pengguna dalam sistem, misalnya admin, editor, atau user biasa. Setiap role <\/em>memiliki tanggung jawab dan batasan akses yang berbeda saat menggunakan sistem.<\/p>\n\n\n\n

Biasanya, setiap role <\/em>memiliki satu set permission<\/em>, yaitu hak akses yang menentukan apa saja yang boleh dilakukan oleh pengguna dengan peran tersebut di dalam sistem.<\/p>\n\n\n\n

Membuat Roles <\/em>di Laravel<\/h2>\n\n\n\n

Berikut adalah step by step cara membuat roles <\/em>di Laravel. Dalam panduan ini, kami menggunakan localhost <\/em>dengan aplikasi Laragon<\/a>.<\/p>\n\n\n\n

Step 1. Membuat model dan migration data<\/h3>\n\n\n\n

Langkah pertama, kita akan menggunakan model dan migration data user yang sudah disediakan oleh laravel untuk membuat roles <\/em>dengan field <\/em>name, email, role<\/em>, serta password<\/em>.<\/p>\n\n\n\n

Struktur migration table user yang ada pada folder database\/migration<\/em> dengan nama file berikut ****_**_**_*****_create_users_table.php <\/em>(tanda * sesuai dengan nama file yang ada pada komputer Anda).<\/p>\n\n\n\n

\"Membuat<\/a><\/figure>\n\n\n\n

Struktur Models <\/strong>yang ada pada folder App\/Models\/User<\/em> dengan nama file berikut: user.php<\/strong>.<\/p>\n\n\n\n

\"Membuat<\/a><\/figure>\n\n\n\n

Step 2. Membuat controller <\/em>Login<\/h3>\n\n\n\n

Untuk dapat membuat controller<\/em>, Anda dapat untuk menjalankan perintah berikut:<\/p>\n\n\n\n

php artisan make:controller LoginController<\/code><\/pre>\n\n\n\n
\"Membuat<\/a><\/figure>\n\n\n\n
Step 3. Membuat isi dari controller <\/em>login<\/h3>\n\n\n\n
Langkah selanjutnya, kita akan membuat function <\/em>view<\/code> untuk menampilkan formlogin <\/em>yang akan kita buat. Berikut adalah contohnya<\/p>\n\n\n
\n
\"membuat<\/a><\/figure>\n<\/div>\n\n\n
Step kedua, kita membuat login function <\/em>untuk memproses data dari email dan password <\/em>yang pengguna inputkan nantinya. Jangan lupa menambahkan berikut:<\/p>\n\n\n\n
use Illuminate\\Support\\Facades\\Auth;\nuse Illuminate\\Support\\Facades\\Hash;\nuse App\\Models\\User;<\/code><\/pre>\n\n\n\n
Pada bagian atas sebelum class LoginController.<\/p>\n\n\n\n
\"membuat<\/a><\/figure>\n\n\n\n
Step ketiga, kita membuat logout function untuk memproses saat mengakhiri session login.<\/p>\n\n\n\n
\"membuat<\/a><\/figure>\n\n\n\n
Step 4. Menjalankan Migrate data yang sudah dibuat<\/h3>\n\n\n\n
Untuk dapat menjalankan migrate <\/em>data yang sudah dibuat sebelumnya, kita dapat menjalankan perintah berikut:<\/p>\n\n\n\n
Bisa menggunakan php artisan migrate<\/em> jika data belum di migrate dan belum dilakukan perubahan pada file migrationnya, jika sudah termigrate dan sudah melakukan perubaha pada file migrationnya bisa menggunakan php artisan migrate:fresh<\/em> <\/p>\n\n\n\n
\"migrate<\/a><\/figure>\n\n\n\n
Step 5. Menambahkan Route Login serta route permission<\/h3>\n\n\n\n
Fungsi route <\/em>di Laravel untuk mengatur URL (alamat web) ke fungsi atau controller <\/em>tertentu dalam aplikasi. Di dalam file routes\/web.php<\/em>, tambahkan route menampilkan form <\/em>login serta mengarahkan user sesuai roles<\/em>nya.<\/p>\n\n\n\n
\"menambahkan<\/a><\/figure>\n\n\n\n
Step 6. Membuat middleware untuk roles<\/h3>\n\n\n\n
Fungsi middleware <\/em>di Laravel melindungi route<\/em> dan memeriksa izin pengguna. Untuk dapat membuat middleware<\/em>, Anda dapat untuk menjalankan perintah berikut:<\/p>\n\n\n\n
php artisan make:middleware CheckRole<\/code><\/pre>\n\n\n\n
\"membuat<\/a><\/figure>\n\n\n\n
Kemudian, silahkan dapat melakukan Edit file app\/Http\/Middleware\/CheckRole.php<\/em> untuk membuat role <\/em>yang diinginkan seperti berikut:<\/p>\n\n\n\n
\"membuat<\/a><\/figure>\n\n\n\n
Jangan lupa menambahkan use Illuminate\\Support\\Facades\\Auth;<\/em> diatas class CheckRole<\/p>\n\n\n\n
Setelah melakukan konfigurasi Rolenya silahkan dapat menambahkan middleware yang sudah dibuat pada bootstrap\/app,php<\/em> Jika menggunakan laravel 11, jika menggunakan laravel 10 kebawah ditambahkan pada app\/http\/kernel.php<\/em>. <\/p>\n\n\n\n
pada bootstrap\/app.php<\/em><\/p>\n\n\n\n
\"menambahkan<\/a><\/figure>\n\n\n\n
Pada app\/http\/kernel.php<\/em> ada pada baris protected $routeMiddleware<\/em><\/p>\n\n\n\n
\"menambahkan<\/a><\/figure>\n\n\n\n
Step 7. Membuat tampilan view login, dan tampilan untuk superadmin serta penulis<\/h3>\n\n\n\n
Pada step ini, kita akan membuat tampilan view formlogin <\/em>yang akan dipakai untuk menginputkan email dan password untuk loginnya. Kita juga akan membuat tampilan superadmin dan penulis untuk dapat melakukan pengujian terkait roles permission<\/em>nya. Berikut contoh skrip yang bisa Anda gunakan:<\/p>\n\n\n\n
Skrip view Login<\/h4>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Login<\/title>\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<\/head>\n<body>\n    <div class=\"container d-flex justify-content-center align-items-center vh-100\">\n        <div class=\"card p-4 shadow\" style=\"width: 400px;\">\n            <h3 class=\"text-center mb-4\">Login<\/h3>\n            <form action=\"{{ route('login') }}\" method=\"POST\">\n                @csrf\n                <div class=\"mb-3\">\n                    <label for=\"email\" class=\"form-label\">Email<\/label>\n                    <input type=\"email\" name=\"email\" class=\"form-control\" id=\"email\" required value=\"{{ old('email') }}\">\n                    @error('email')\n                        <div class=\"text-danger\">{{ $message }}<\/div>\n                    @enderror\n                <\/div>\n                <div class=\"mb-3\">\n                    <label for=\"password\" class=\"form-label\">Password<\/label>\n                    <input type=\"password\" name=\"password\" class=\"form-control\" id=\"password\" required>\n                    @error('password')\n                        <div class=\"text-danger\">{{ $message }}<\/div>\n                    @enderror\n                <\/div>\n                <button type=\"submit\" class=\"btn btn-primary w-100\">Login<\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
Skrip view superadmin<\/h4>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Superadmin<\/title>\n<\/head>\n<body>\n    <h1>Dashboard Superadmin<\/h1>\n    <p>Selamat datang, {{ Auth::user()->name }}<\/p>\n    <form method=\"POST\" action=\"{{ route('logout') }}\">\n        @csrf\n        <button type=\"submit\">Logout<\/button>\n    <\/form>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Skrip view penulis<\/h4>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Penulis<\/title>\n<\/head>\n<body>\n    <h1>Dashboard Penulis<\/h1>\n    <p>Selamat datang, {{ Auth::user()->name }}<\/p>\n    <form method=\"POST\" action=\"{{ route('logout') }}\">\n        @csrf\n        <button type=\"submit\">Logout<\/button>\n    <\/form>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Step 8. Membuat seeder untuk mengirimkan data ke database<\/h3>\n\n\n\n
Untuk mengisi data ke dalam database dengan cepat, kita perlu membuat dahulu seeder datanya dengan menjalankan perintah berikut:<\/p>\n\n\n\n
php artisan make:seeder UserSeeder<\/code><\/pre>\n\n\n\n
Isi seeder yang sudah dibuat sebelumnya pada database\/seeders\/UserSeeder.php<\/em>, dengan berikut:<\/p>\n\n\n\n
\"membuat<\/a><\/figure>\n\n\n\n
Setelah membuat seeder<\/em>, silahkan dapat menjalankan perintah berikut untuk dapat mengirimkan data ke database.<\/p>\n\n\n\n
php artisan db:seed --class=UserSeeder<\/code><\/pre>\n\n\n\n
Pengujian<\/h2>\n\n\n\n
Silahkan dapat menjalankan php artisan serve. untuk running website laravelnya kemudian silahkan lakukan login sesuai user yang sudah dibuat. berikut contohnya.<\/p>\n\n\n\n
Berikut tampilan jika berhasil melakukan login dengan role superadmin akan diarahkan ke page \/superadmin. dan ketika mencoba akses page dari penulis maka akan 403 jika skrip sesuai dan sebaliknya.<\/p>\n\n\n\n
\"multi<\/a><\/figure>\n\n\n\n
\"Page<\/a><\/figure>\n\n\n\n
Penutup<\/h2>\n\n\n\n
Menerapkan sistem roles <\/em>di Laravel adalah cara efektif untuk mengatur hak akses pengguna berdasarkan peran atau posisi mereka dalam aplikasi. Dengan sistem ini, Anda bisa mengelompokkan izin (permission<\/em>) secara lebih logis dan terstruktur.<\/p>\n\n\n\n
Selain itu, penggunaan roles <\/em>juga meningkatkan keamanan aplikasi karena setiap pengguna hanya bisa mengakses fitur yang sesuai dengan perannya. Hal ini sangat membantu dalam mengelola otorisasi, terutama pada aplikasi berskala besar dengan banyak jenis pengguna.<\/p>\n\n\n\n
Demikian artikel belajar Laravel bagian 20 tentang cara membuat roles multi level user login di Laravel. Ikuti terus sesi belajar Laravel dari Rumahweb Indonesia yang kami publikasi setiap bulan. Semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"
Saat membuat aplikasi berbasis website, sering kali kita perlu membedakan akses antara admin, pengguna biasa, hingga mungkin moderator. Di sinilah pentingnya menerapkan sistem multi level user di website. Dengan sistem ini, setiap pengguna bisa memiliki peran (role) yang berbeda dan hanya bisa mengakses fitur sesuai haknya. Pada sesi belajar laravel bagian ke 20 ini, kita […]<\/p>\n","protected":false},"author":357,"featured_media":55761,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7],"tags":[1587,796,1497],"class_list":{"0":"post-55703","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":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/06\/banner-belajar-laravel-bagian-20.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-eur","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/55703","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=55703"}],"version-history":[{"count":1,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/55703\/revisions"}],"predecessor-version":[{"id":61926,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/55703\/revisions\/61926"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/55761"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=55703"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=55703"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=55703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}