Как сделать авторизацию/регистрацию в Angular?

Question

[tesko]

Привет всем. Решил изучить Angular 8 и столкнулся сразу с первой проблемой:
не пойму как создать регистрацию с внесением в БД (через mysql) данных либо просто вывод из БД инфы.
Гуглил вместе с Express+Angular, Angular node js mysql - толком ничего нет нормального. Все записывают в localStorage, На ютубе вообще бред
Подскажите, как реализовать регистрацию/вход на Angular 8 ? Объясните.

Answer 1

[Denis]

Все верно вы гуглите из ангуляра на прямую к mysql подключиться не выйдет. Нужно иметь еще бекэнд приложение не важно на чем будь это nodejs, php, python, go, java и тд, который будет подключаться к базе данных и регистрировать пользователя, а также предрставлять некое апи для работы с фронтендом тобишь с ангуляром. Ну и классическая регистрация в таком случае это гоняние в каждом запросе к бекэнду токена чаще всего это либо jwt или oauth2 который и хранится в локалсторадже или кукисах.

Comments

[Alex Wells]

а лучше кукисах так как у кукисов больше механизмов для защиты.

Бред полный. Молчите, если не в курсе.

Кукисы и есть причина, почему придумали CRSF, CSP, CORS. Любые токены в локалсторадже этого не боятся. Кукисами можно пользоваться только если понимать, что означают три термина вверху и как не налажать. С токеном же налажать не выйдет.

[Denis]

Alex Wells,
Вы еще забыли упомянуть закон про Cookie, и флаги аля HttpOnly.
Да сам механизм кукисов весьма баглив и это далеко не панацея, но этот механизм живет не один год и люди живут зарание прогнозируя возможные проблемы.
Локал сторадж изначально придуман чтоб хранить какие то строковые значение до 4МБ (в отличие от кукисов где можно хранить объекты, так же можно реализовать механизм сессий и вообще у себя ничего не хранить - правда это не наш случай) и никак не секьюрные данные.

НО в целом это холивар. Остановимся на том что я согласен с Вами, есть практика хранения данных в Локалсторадже пока особо никто не жаловался и на сегодняшней день это самое удобное хранение токена.

[Alex Wells]

Denis, это не холивар.

Локалсторадж доступен только для домена, на котором туда были записаны данные. Эти данные никуда никогда не отправляются сами по себе, доступны лишь JS лишь на том же самом домене. Более секьюрно чем это уже некуда.

HttpOnly никого не спасает. "кукисов где можно хранить объекты" - что, простите? Обьекты? В кукисах? Это рофл такой?

[Denis]

Alex Wells,
объект согласен ступил забыл что в обоих случаях используется stringify.
ладно закончим разговор случаем из жизни когда хакнули сайт с помощью XSS внедрили JS библиотеку (точно не помню помоему из-за дыры в Вордпрессе который стоял "рядом" как блог) и слили JWT токены некторых клиентов, но поскольку из важного в нем хранили только емайл, то все обошлось малой кровью. Поэтому я с недоверием смотрю на стораджи, кстате я не особо разбираюсь в экстеншенах для браузера, но по-идеи они тоже должны иметь доступ к локалстораджу

[Антон Швец]

Alex Wells, Denis, более надежным считается хранение двух токенов сразу, один в httpOnly куке, доступной только серверу и браузеру, другой в ls, доступный только скрипту на сайте.

[Alex Wells]

Антон Швец, два токена нужны только если у тебя фронт на разных доменах, что бывает не так часто. В остальных случаях хранения в куках довольно бесполезно.

[tesko]

А что в итоге использовать?)) Alex Wells,

[Alex Wells]

tesko, токены, храните в localstorage.