{"id":182,"date":"2022-12-27T21:20:50","date_gmt":"2022-12-27T20:20:50","guid":{"rendered":"http:\/\/tymek.24x7.pl\/?p=182"},"modified":"2022-12-27T21:34:08","modified_gmt":"2022-12-27T20:34:08","slug":"jak-zrobic-user-i-role-managera-w-asp-net-mvc-z-identity","status":"publish","type":"post","link":"https:\/\/tymek.24x7.pl\/index.php\/2022\/12\/27\/jak-zrobic-user-i-role-managera-w-asp-net-mvc-z-identity\/","title":{"rendered":"Jak zrobi\u0107 User- i Role-Managera w ASP.NET MVC z Identity?"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Repozytorium z kodem<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t<\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Wst\u0119p<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ten artyku\u0142 nie jest poradnikiem programowania dla osoby, kt\u00f3ra nie ma poj\u0119cia o programowaniu. Ten artyku\u0142 jest poradnikiem jak wdro\u017cy\u0107 zarz\u0105dzanie u\u017cytkownikami i rolami u\u017cytkownik\u00f3w w aplikacji ASP.NET MVC za pomoc\u0105 Identity, dla os\u00f3b, kt\u00f3re ju\u017c podstawy ogarniaj\u0105, wi\u0119c niekt\u00f3rych prostych rzeczy nie b\u0119d\u0119 dok\u0142adnie wyja\u015bnia\u0142.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Krok 1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Najpierw trzeba sobie stworzy\u0107 nowy pojekt ASP.NET MVC. W tym\u017ce projekcie mo\u017cna klikn\u0105\u0107 prawym przyciskiem w eksploratorze rozwi\u0105za\u0144 na nazw\u0119 projektu i wybra\u0107 opcj\u0119 „Dodaj element szkieletowy”. Po wybraniu tam opcji To\u017csamo\u015b\u0107 (Identity) i nastepnie odpowiednich opcji (kontekst bazy danych, strony, kt\u00f3re maj\u0105 si\u0119 wygenerowa\u0107, itd.), Visual Studio stworzy dla nas szkielet zarz\u0105dzania u\u017cytkownikami. Powstanie Context bazy danych, du\u017co plik\u00f3w .cshtml, plik Program.cs zostanie zaktualizowany, dodane ostan\u0105 tam opcje kontekstu bazy danych i inne wa\u017cne rzeczy. NuGety do odpowiednich paczek zostan\u0105 doinstalowane i to by by\u0142o na tyle. Ca\u0142a logika autoryzacji u\u017cytkownika pojawi\u0142a si\u0119 w folderze Areas\/Identity.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Krok 2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Nast\u0119pnym krokiem jest skonfigurowanie kilku rzeczy, \u017ceby samo Identity dzia\u0142a\u0142o. Trzeba w Program.cs doda\u0107 app.MapRazorPages, kt\u00f3re domy\u015blnie nie s\u0105 uruchomione w projektach MVC, a strony Identity z nich korzystaj\u0105. Trzeba r\u00f3wnie\u017c stworzy\u0107 baz\u0119 danych, wykorzystuj\u0105c konsol\u0119 pakiet\u00f3w i wpisa\u0107 tam „add-migration initialCommit” a nast\u0119pnie „update-database” i w ten spos\u00f3b Entity Framework w SQLu stworzy nam baz\u0119 danych, ale zanim to zrobisz, upewnij si\u0119, \u017ce Connection String do bazy danych jest odpowiedni. A w kwestii front-endu aplikacji, to dodaj\u0105c partial view do pliku Views\/Shared\/_Layout.cshtml, w prawym g\u00f3rnym rogu strony pojawi\u0105 nam si\u0119 przyciski do logowania\/wylogowywania.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Krok 3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Identity ju\u017c dzia\u0142a, aplikacj\u0119 mo\u017cna ju\u017c odpali\u0107, stworzy\u0107 konto i si\u0119 na nie zalogowa\u0107. Wi\u0119c teraz przechodzimy do etapu dodania zarz\u0105dzania tymi u\u017cytkownikami i ich rolami. Tworzymy nowe kontrolery, jeden dla R\u00f3l, drugi dla U\u017cytkownik\u00f3w. W nich tworzymy podstawowe, CRUDowe funkcje zwracaj\u0105ce widoki, a dodatkowo w rolach dwie metody, s\u0142u\u017c\u0105ce do dodawania i usuwania r\u00f3l dla danego u\u017cytkownika (przyk\u0142adowy kod poni\u017cej). Tworzymy sobie te\u017c w menu linki do nich (widoczne na obrazku w kroku 2), \u017ceby \u0142atwo si\u0119 tam by\u0142o dosta\u0107. Opr\u00f3cz tego, \u017ceby mie\u0107 co\u015b wi\u0119cej ni\u017c standardowe role i u\u017cytkownik\u00f3w, tworzymy sobie nowe klasy, kt\u00f3re dziedzicz\u0105 po IdentityRole i IdentityUser. Musz\u0105 one zawiera\u0107 pusty konstruktor, jak i konstruktor taki jaki chcemy, z dodatkowymi polami, kt\u00f3re dodali\u015bmy do swoich klas User i Role, ale \u017ceby to zadzia\u0142a\u0142o, to trzeba te\u017c wsz\u0119dzie gdzie jest wykorzystywany IdentityUser podmieni\u0107 je na nasze stworzone User (w Program.cs, w stronach Razor od logowania, rejestracji, itd.)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Krok 4<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Maj\u0105c gotowe zaplecze, trzeba zaj\u0105\u0107 si\u0119 frontem. Tworzymy sobie DTOsy dla Roli i U\u017cytkownika, oraz widoki do dodawania, edytowania, wy\u015bwietlania i usuwania R\u00f3l oraz U\u017cytkownik\u00f3w. W widoku edycji i dodawania u\u017cytkownika trzeba pobawi\u0107 si\u0119 z jQuery i AJAXem, \u017ceby asynchronicznie wysy\u0142a\u0107 zapytania do serwera i wykonywa\u0107 stworzone wcze\u015bniej funkcje dodawania i usuwania r\u00f3l.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Krok 5<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Teraz pora na pare poprawek w Identity – \u017ceby role dzia\u0142a\u0142y, to Context bazy danych musi dziedziczy\u0107 po IdentityDbContext w wersji zawieraj\u0105cej u\u017cytkownik\u00f3w, role i string. Tam podajemy stworzone przez siebie klasy User oraz Role, \u017ceby Identity wiedzia\u0142o, \u017ce ma z nich korzysta\u0107, a nie z tych domy\u015blnych. W celu \u0142atwego mapowania danych, dodajemy do projektu AutoMappera i konfigurujemy mapy. Z racji, \u017ce pozmienialimy troch\u0119 w modelu, to trzeba stworzy\u0107 kolejn\u0105 migracj\u0119 w EF i zaktualizowa\u0107 baz\u0119 danych. I tak oto mamy gotowego managera r\u00f3l i u\u017cytkownik\u00f3w w ASP.NET MVC z wykorzystaniem Identity.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Podsumowanie<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Mam nadziej\u0119, \u017ce taka kr\u00f3tka i zwi\u0119z\u0142a instrukcja, wraz kodem, w kt\u00f3rym \u015bledz\u0105c commit po commicie mo\u017cna zobaczy\u0107 co by\u0142o robione, pozwoli Tobie, czytelniku, na zaimplementowanie w\u0142asnej wersji modu\u0142u do zarz\u0105dzania u\u017cytkownikami i rolami \ud83d\ude42\u00a0<\/p>

Poni\u017cej ponownie link do repozytorium.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Repozytorium z kodem<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t<\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Ten artyku\u0142 jest poradnikiem jak wdro\u017cy\u0107 zarz\u0105dzanie u\u017cytkownikami i rolami u\u017cytkownik\u00f3w w aplikacji ASP.NET MVC za pomoc\u0105 Identity, dla os\u00f3b, kt\u00f3re ju\u017c podstawy ogarniaj\u0105, wi\u0119c niekt\u00f3rych prostych rzeczy nie b\u0119d\u0119 dok\u0142adnie wyja\u015bnia\u0142.<\/p>\n","protected":false},"author":1,"featured_media":184,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-182","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bez-kategorii"],"_links":{"self":[{"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/posts\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":34,"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/posts\/182\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/posts\/182\/revisions\/232"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/media\/184"}],"wp:attachment":[{"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/media?parent=182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/categories?post=182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tymek.24x7.pl\/index.php\/wp-json\/wp\/v2\/tags?post=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}