Dlaczego strona logowania do aplikacji na jednej stronie jest oddzielną stroną?


28

Zastanawiam się, dlaczego wydaje się popularne, aby strona logowania do SPA była oddzielną stroną, która nie jest stroną SPA (jak w załadowanym i wysyłającym dane przez żądania ajax)?

Jedyne, co mogę wymyślić, to bezpieczeństwo, ale nie mogę wymyślić żadnego konkretnego powodu. Mam na myśli jedyną rzeczą, która przychodzi na myśl, że jeśli twoja strona logowania w części SPA, wysyła nazwę użytkownika / hasło przez ajax, które mogą być widoczne przez takie narzędzia jak firebug lub inspektor internetowy, nawet jeśli wysyłasz to normalnie Żądanie POST, istnieją inne narzędzia, które mogą łatwo przechwycić te dane (takie jak skrzypek, httpscoop itp.).

Czy czegoś brakuje?


2
Nie sądzę, aby w tym przypadku był lub musi istnieć powód. Kłóciłbym się, dlaczego nie?
Steven Evers,

1
Mój argument przeciwko temu byłby taki, że posiadanie strony logowania jako oddzielnej strony HTML, podczas gdy reszta aplikacji jest architekturą SPA, wydaje się dziwna bez rzeczywistej korzyści (chociaż punkt, który poczynił MSANford, ma zalety).
ryanzec

@ryanzec Thanks. Dodałem przykład, próbując zilustrować, że istnieje realna korzyść. Po pierwsze, oszczędności wynikające z odroczenia ładowania zasobów w inne miejsce nie są nieistotne, szczególnie w przypadku nieudanego logowania (lub zawieszenia konta itp.). Po drugie, wdrażanie jest znacznie szybsze niż bardziej wyrafinowany system modułów opartych na zależnościach asynchronicznych, a cykl życia programowania jest ważnym czynnikiem (patrz mantra biurowa Opbeat * (zawiera wulgaryzmy)).
msanford,

„nawet jeśli wysyłasz je jako zwykłe żądanie POST, istnieją inne narzędzia, które mogą łatwo przechwycić te dane”. Czy Twój formularz logowania jest chroniony przez HTTPS ?
ajlane

@ajlane tak, mój login (a właściwie cała aplikacja) będzie działał za HTTPS
ryanzec,

Odpowiedzi:


18

Przypuszczalnie ma to zaoszczędzić ładowanie wielu zasobów po stronie klienta (takich jak ciężkie frameworki JavaScript, obrazy itp. ) , Które są wymagane tylko przez aplikację.

Istnieją bardziej zaawansowane sposoby osiągnięcia podobnego celu w zakresie wydajności (patrz „ Malte Ubl i John Hjelmstad: Nowe, wydajne podejście do ładowania JavaScript - JSConf EU 2012 ”), ale jest to dość szybkie do wdrożenia i prawdopodobnie równie wydajne, szczególnie jeśli Twoja aplikacja internetowa i tak wykorzystuje prawie wszystkie zasoby.

Możesz to zobaczyć na wolności w witrynie takiej jak http://infogr.am beta:

  1. http://infogr.am/login/ ładuje jquery , raphael , niestandardowe pliki js i 3 pliki css.
  2. http://infogr.am/beta/ (główna strona SPI aplikacji) ładuje 10 frameworków javascript, 5 zewnętrznych plików css i około 60 obrazów.

Aktualizacja: w 2016 roku z angular2 front-end i back-end JBoss, nadal robimy to z tego samego powodu.
msanford

18

Myślę, że istnieją uzasadnione argumenty za lub przeciw, i powiedziałbym, że technologia również odgrywa rolę w podejmowaniu decyzji.

Można argumentować, że osobna „strona” logowania umożliwia korzystanie z „Directory Security”. Zasadniczo każdy może zobaczyć „stronę” logowania, ale tylko uwierzytelnieni użytkownicy mogą przeglądać „stronę” aplikacji i jej „katalog”. Trasy można również zablokować, gdzie / Konto / jest inne niż / App / i każda ma swój własny „profil” bezpieczeństwa.

Ponadto, jeśli używasz podejścia SPA i łączysz uwierzytelnianie z doświadczeniem aplikacji, logika może się zawić. Zamiast zakładać, że użytkownik jest „zalogowany, ponieważ jest tutaj”, musisz stale sprawdzać jego status uwierzytelnienia i pytać „czy ten użytkownik powinien być tutaj”.

Ponadto strona logowania znajduje się ogólnie na stronie skierowanej do konsumenta .. idziesz do www.yourapp.com i zawiera ona informacje na temat informacji, kontaktu, wsparcia itp. Oraz stronę „logowania” ze strony logowania, po uwierzytelnianie, możesz przekierować do wielu celów.

Powodem, dla którego mam osobną stronę logowania i dlaczego mam zupełnie inną aplikację dla mojej witryny skierowanej do konsumentów, jest to, że mogę bardzo niewiele narazić na nieuwierzytelnione. Przez przypadek jakiś kretyn zaczyna walić w moją stronę logowania, nie chcę, żeby wpłynęło to na stronę aplikacji ... nawet jeśli logowanie polega tylko na prostym wyszukiwaniu uwierzytelnienia ... to trochę pomaga mi powstrzymać bozo przed wpłynięciem na mój doświadczenia użytkowników ... W najgorszym przypadku moja strona dla konsumentów nie działa i nikt nie może się zalogować, ale przynajmniej zalogowani użytkownicy nie będą wiedzieć, a ich doświadczenie nie zacznie zwalniać. Nie mówię, że to jest kuloodporny wybór ... ale przynajmniej odizolowałem ryzyko od nieuwierzytelnionego obszaru.


1
Bezpieczeństwo jest często ważnym powodem.
JustinC,

1
@JustinC: wyjaśnić mi na osobnej stronie, aby zalogować się w bardziej bezpieczny?
ryanzec

Niekoniecznie poprzez atrybuty systemu plików (ale może tak być, jeśli tak właśnie wymaga sytuacja), ale kontener / oprogramowanie / środowisko wykonawcze aplikacji sieci Web poprzez zastosowanie selektywnych metod uwierzytelniania / autoryzacji stosowanych w odniesieniu do określonego zasobu lub grupy zasobów jako całość (w praktyce katalog): dla strony logowania i określonych zasobów statycznych (obrazy, arkusze stylów, strony błędów) często wystarcza dostęp anonimowy; w przypadku innych stron może być wymagane bardziej szczegółowe uwierzytelnienie / autoryzacja.
JustinC,

2
Uwierzytelnianie poza aplikacją izoluje uwierzytelnianie od problemów związanych z aplikacją. Rzeczywiste bezpieczeństwo będzie zależeć od wdrożenia i technologii
hanzolo,

aktualizacja 2017: IdentityServer
hanzolo

10

Jednym z powodów jest to, że możesz wtedy korzystać z normalnych sesji opartych na plikach cookie. Użytkownik loguje się, odpowiedź wysyła ciasteczko wraz z początkową stroną główną ... a następnie wszystkie kolejne wywołania ajax wysyłają ciasteczko z powrotem na serwer.


6

Widzę kilka powodów, aby to zrobić:

  1. Mogę używać normalnych reguł kontroli dostępu opartych na ścieżkach w pliku web.xml.
  2. Nigdy nie mogę mieć pewności, że odpowiednio zabezpieczyłem całą aplikację Ajax i muszę przeprowadzić obszerne testy, aby mieć pewność.
  3. Mogę przekazać uwierzytelnianie do frameworka (takiego jak Spring Security), aplikacji innej firmy lub rozwiązania SSO (takiego jak CAS lub JOSSO).
  4. Mogę pozwolić przeglądarce na buforowanie nazwy użytkownika i (opcjonalnie) haseł dla użytkownika.
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.