{"id":16659,"date":"2025-03-30T08:30:16","date_gmt":"2025-03-30T05:30:16","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/laravel-vueda-rol-degistirme-admin-yetkilerini-kaybetmeden\/"},"modified":"2025-03-30T08:30:16","modified_gmt":"2025-03-30T05:30:16","slug":"laravel-vueda-rol-degistirme-admin-yetkilerini-kaybetmeden","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/laravel-vueda-rol-degistirme-admin-yetkilerini-kaybetmeden\/","title":{"rendered":"Laravel & Vue’da Rol De\u011fi\u015ftirme: Admin Yetkilerini Kaybetmeden"},"content":{"rendered":"

<\/p>\n

Laravel & Vue’da Rol De\u011fi\u015ftirme: Admin Yetkilerini Kaybetmeden<\/p>\n

Merhaba! Bu makalede, Laravel ve Vue.js kullanarak uygulaman\u0131zda rol de\u011fi\u015ftirme i\u015flemini nas\u0131l g\u00fcvenli bir \u015fekilde sim\u00fcle edebilece\u011finizi detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. \u00d6zellikle, admin kullan\u0131c\u0131lar\u0131n\u0131z\u0131n farkl\u0131 kullan\u0131c\u0131 rollerini deneyimleyebilmesi, ancak bu s\u0131rada admin yetkilerini kaybetmemesi i\u00e7in pratik bir \u00e7\u00f6z\u00fcm sunaca\u011f\u0131z. Bu y\u00f6ntem, geli\u015ftirme s\u00fcrecinizde ve test a\u015famalar\u0131nda olduk\u00e7a faydal\u0131 olacakt\u0131r.<\/p>\n

Sorunun Tan\u0131m\u0131 ve \u00c7\u00f6z\u00fcm Yolu<\/h2>\n

Bir\u00e7ok web uygulamas\u0131nda, \u00f6zellikle geli\u015ftirme ve test a\u015famalar\u0131nda, farkl\u0131 kullan\u0131c\u0131 rollerini deneyimlemek gerekebilir. Ancak, admin kullan\u0131c\u0131lar\u0131n\u0131n her seferinde oturum kapat\u0131p farkl\u0131 bir hesapla giri\u015f yapmas\u0131 hem zaman kayb\u0131na hem de verimsizli\u011fe yol a\u00e7ar. Bu sorunu \u00e7\u00f6zmek i\u00e7in, admin kullan\u0131c\u0131lar\u0131n\u0131n ge\u00e7ici olarak farkl\u0131 bir role “b\u00fcr\u00fcnmesini” sa\u011flayan bir sim\u00fclasyon mekanizmas\u0131 geli\u015ftirebiliriz. Bu mekanizma sayesinde admin kullan\u0131c\u0131lar\u0131, admin yetkilerini kaybetmeden di\u011fer rollerin perspektifinden uygulamay\u0131 deneyimleyebilirler.<\/p>\n

Laravel taraf\u0131ndaki uygulama<\/h2>\n

\u00d6ncelikle, Laravel projemizde kullan\u0131c\u0131n\u0131n ge\u00e7erli rol\u00fcn\u00fc saklayaca\u011f\u0131m\u0131z bir session de\u011fi\u015fkeni tan\u0131mlayal\u0131m. Bu de\u011fi\u015fken, admin kullan\u0131c\u0131s\u0131n\u0131n hangi role ge\u00e7ti\u011fini takip etmemizi sa\u011flayacak. Ayr\u0131ca, kullan\u0131c\u0131lar\u0131n yetkilerini kontrol eden middleware’lerimizi g\u00fcncellememiz gerekecektir. \u015eimdi, basit bir \u00f6rnek ile devam edelim:<\/p>\n

\n\/\/ Middleware'imizde rol kontrol\u00fc\npublic function handle($request, Closure $next)\n{\n    $userRole = session('simulated_role', auth()->user()->role); \/\/ Sim\u00fcle edilmi\u015f rol\u00fc kontrol eder\n\n    if (!auth()->user()->can($request->route()->getName(), [$userRole])) {\n        abort(403);\n    }\n\n    return $next($request);\n}\n\n\/\/ Kullan\u0131c\u0131n\u0131n rol\u00fcn\u00fc de\u011fi\u015ftirme fonksiyonu\npublic function switchRole(Request $request) {\n    $role = $request->input('role');\n    session(['simulated_role' => $role]);\n    return redirect()->back();\n}\n\n<\/code><\/pre>\n
Bu kod blo\u011fu,  simulated_role<\/code> session de\u011fi\u015fkenini kullanarak yetkilendirmeyi y\u00f6netiyor.  E\u011fer sim\u00fcle edilmi\u015f bir rol varsa, o rol kullan\u0131larak yetki kontrol\u00fc yap\u0131l\u0131r.  Yoksa kullan\u0131c\u0131n\u0131n varsay\u0131lan rol\u00fc kullan\u0131l\u0131r.  switchRole<\/code> fonksiyonu ise,  istek parametresi olarak gelen role g\u00f6re session de\u011fi\u015fkenini g\u00fcnceller.<\/p>\n
Vue.js taraf\u0131ndaki uygulama<\/h2>\n
Vue.js taraf\u0131nda ise,  kullan\u0131c\u0131n\u0131n rol\u00fcn\u00fc de\u011fi\u015ftirmek i\u00e7in bir aray\u00fcz olu\u015fturaca\u011f\u0131z.  Bu aray\u00fcz, mevcut rollerin bir listesini g\u00f6sterecek ve kullan\u0131c\u0131lar\u0131n bir rol\u00fc se\u00e7erek ge\u00e7ici olarak o role ge\u00e7mesini sa\u011flayacakt\u0131r.  Bu i\u015flem i\u00e7in Axios k\u00fct\u00fcphanesini kullanarak Laravel’deki switchRole<\/code> fonksiyonunu \u00e7a\u011f\u0131rabiliriz:<\/p>\n
\n\/\/ Vue bile\u015feninde rol de\u011fi\u015ftirme fonksiyonu\nmethods: {\n  switchRole(role) {\n    axios.post('\/switch-role', { role: role })\n      .then(response => {\n        \/\/ Ba\u015far\u0131l\u0131 bir \u015fekilde rol de\u011fi\u015ftirildi\n        this.getRoles(); \/\/ Rolleri yeniden y\u00fckler\n      })\n      .catch(error => {\n        \/\/ Hata olu\u015ftu\n        console.error(error);\n      });\n  }\n}\n<\/code><\/pre>\n
Bu kod, Axios kullanarak Laravel backend’ine bir POST iste\u011fi g\u00f6nderir ve rol de\u011fi\u015ftirme i\u015flemini ger\u00e7ekle\u015ftirir.  Ba\u015far\u0131 durumunda, roller yeniden y\u00fcklenerek aray\u00fcz g\u00fcncellenir.<\/p>\n
G\u00fcvenlik Notlar\u0131<\/h2>\n
Bu y\u00f6ntemi kullan\u0131rken, g\u00fcvenlik a\u00e7\u0131klar\u0131n\u0131 \u00f6nlemek i\u00e7in dikkatli olmak \u00f6nemlidir.  \u00d6rne\u011fin,  sadece yetkili kullan\u0131c\u0131lar\u0131n rol de\u011fi\u015ftirme i\u015flemini ger\u00e7ekle\u015ftirebildi\u011finden emin olmal\u0131s\u0131n\u0131z. Ayr\u0131ca,  sim\u00fcle edilmi\u015f rol\u00fcn session’da ge\u00e7ici olarak sakland\u0131\u011f\u0131ndan ve oturum kapat\u0131ld\u0131\u011f\u0131nda veya belirli bir s\u00fcre sonra otomatik olarak silindi\u011finden emin olmal\u0131s\u0131n\u0131z.  Unutmay\u0131n, bu sadece bir sim\u00fclasyondur ve ger\u00e7ek yetki de\u011fi\u015fikli\u011fi de\u011fildir.<\/p>\n
Sonu\u00e7<\/h2>\n
Bu makalede, Laravel ve Vue.js kullanarak admin yetkilerini kaybetmeden rol de\u011fi\u015ftirme i\u015flemini nas\u0131l sim\u00fcle edebilece\u011finizi g\u00f6sterdik. Bu y\u00f6ntem, geli\u015ftirme ve test s\u00fcre\u00e7lerinizi b\u00fcy\u00fck \u00f6l\u00e7\u00fcde kolayla\u015ft\u0131racak ve verimlili\u011finizi art\u0131racakt\u0131r.  Ancak,  her zaman g\u00fcvenlik hususlar\u0131na dikkat etmeli ve uygulaman\u0131z\u0131n g\u00fcvenli\u011fini sa\u011flamal\u0131s\u0131n\u0131z.  Daha fazla bilgi i\u00e7in  fatihsoysal.com<\/a>  sitesini ziyaret edebilirsiniz.<\/p>\n
Faydal\u0131 bulabilece\u011finiz baz\u0131 kaynaklar:<\/p>\n