Size: a a a

Angular - русскоговорящее сообщество

2020 February 03

GK

Georgii Klubnikov in Angular - русскоговорящее сообщество
Ирина
Добрый день) пробую работать c Angular Material.   Например там есть компонент form-field.  Для него предусмотрены 4 appearance: fill, standard и т.д . У меня по итогу вне зависимости от appearance все белого цвета, кроме смайлика, при фокусе появляется розовый цвет. Но это не то , что подается на сайте. Я понимаю, что я чтото недоподключила, но что -не могу найти инфу. Помогите, пожалуйста, 🤯
источник

YK

Yuri Katkov in Angular - русскоговорящее сообщество
Ihor Levchenko
Хотел полюбопытствовать как вообще на ваших проектах организована аутентификация/авторизация

1) куки/сессии + редис/мемкеш или где там хранятся сессии и их нутрянка
2) JWT, access/refresh токены

Что используете? и если 2, тогда где храните токены? Не уж то в localStorage? Начал глубоко знакомиться с этой темой, и меня смущает что легко можно расшировать b64 пейлоад, а уж локарСторедж тырится легко в общем …
немного смущает этот подход в принципе

Но интересно ваше мнение
у нас sessionStorage хранит JWT-токен
источник

GK

Georgii Klubnikov in Angular - русскоговорящее сообщество
Vladislav K. )
а где еще хранить кроме как в локале ?)
в ssl куке
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
Yuri Katkov
у нас sessionStorage хранит JWT-токен
но ведь это не совсем понятное усложнение
ведь все равно JWT токен хранится в сессии, а нутрянка сессии хранится где-то в быстрой БД, но не на стороне клиента и в этом случае JWT является оверхедом для такой схемы
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
я просто пытаюсь понять смысл JWT конкретно для SPA и веб приложений, на мой взгляд это только увеличивает риск
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
(так как пейлоад легко декодится, и можно даже примерно нутрянку почерпнуть)
источник

Ti

Time is the side effect in Angular - русскоговорящее сообщество
Yuri Katkov
так ведь точно не кул?
Вроде toPromise не кул, а чем from плох?
источник

GK

Georgii Klubnikov in Angular - русскоговорящее сообщество
Yuri Katkov
так ведь точно не кул?
точно
источник

Ti

Time is the side effect in Angular - русскоговорящее сообщество
Ihor Levchenko
(так как пейлоад легко декодится, и можно даже примерно нутрянку почерпнуть)
В пейлоаде и не надо ничего чувствительного хранить
У нас там только id юзера, чтобы бекенд по нему сразу запрос в бд делал за данными
источник

Вキ

Вертихвост キバ in Angular - русскоговорящее сообщество
Yuri Katkov
обернуть в Observable с отменой - это как?
Если без отмены, то примерно так будет
promise => {
 return defer(() => from(promise));
};
источник

Вキ

Вертихвост キバ in Angular - русскоговорящее сообщество
Если нужна отмена, то примерно так
promise => {
 return new Observable(observer => {
   const subscription = from(promise).subscribe(observer);
   return () => {
     subscription.unsubscribe();
     // do something else there
   };
 });
}
источник

L

Looch in Angular - русскоговорящее сообщество
Yuri Katkov
так ведь точно не кул?
источник

И

Ирина in Angular - русскоговорящее сообщество
по этому руководству и делаю, установила material, подключила модули MatFormFieldModule,
   MatInputModule, вставила пример в свою компоненту и не работает как на картинке))) видимо что-то недоподключила, но что?
источник

Ti

Time is the side effect in Angular - русскоговорящее сообщество
Ihor Levchenko
но ведь это не совсем понятное усложнение
ведь все равно JWT токен хранится в сессии, а нутрянка сессии хранится где-то в быстрой БД, но не на стороне клиента и в этом случае JWT является оверхедом для такой схемы
Вообще с того момента когда суешь jwt в http-only куки, мне кажется он становится бесполезен и просто выходит кастрированная сессия
источник

И

Ирина in Angular - русскоговорящее сообщество
или я должна сама кастомизировать ? тогда в чем прикол appearance:
источник

GK

Georgii Klubnikov in Angular - русскоговорящее сообщество
Ирина
по этому руководству и делаю, установила material, подключила модули MatFormFieldModule,
   MatInputModule, вставила пример в свою компоненту и не работает как на картинке))) видимо что-то недоподключила, но что?
https://material.angular.io/guide/getting-started  все пункты выполенны?
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
Time is the side effect
Вообще с того момента когда суешь jwt в http-only куки, мне кажется он становится бесполезен и просто выходит кастрированная сессия
Я вижу в этом только единственный плюс - можно такую куку вешать на всю доменную зону *.domain.com, и если микросервисы крутятся в округе *.domain.com, тогда остальные микросервисы могут “опознавать” юзера без лишних запросов к серверу авторизаций
источник

Ti

Time is the side effect in Angular - русскоговорящее сообщество
Ihor Levchenko
Я вижу в этом только единственный плюс - можно такую куку вешать на всю доменную зону *.domain.com, и если микросервисы крутятся в округе *.domain.com, тогда остальные микросервисы могут “опознавать” юзера без лишних запросов к серверу авторизаций
Ну это пока не нужно роли всякие проверять, или еще что-то
Если эту инфу сувать в jwt, она может быть неактуальной, и надо либо делать запрос за данными юзера каждый раз, либо заставлять юзера поменять жвт на новый
источник

AV

Andrey Vaydich in Angular - русскоговорящее сообщество
Smooth Operator
>  как делать вложенные формы отдельным компонентом
>> мне приходится создать еще одну форму. Это влечет за собой лишнюю вложенность.
https://stackblitz.com/edit/angular-tdaedf?file=src%2Fapp%2Fchild-array%2Fchild-array.component.ts

Не рабочий пример кода, но суть проблемы он передает.
Если распечатать parent form, то там будет следующее

{
  items: {
     items: []
  }
}

А мне нужно, чтобы при такой же организации отдельного компонента, массив был в самом первом items (без лишней вложенности).

{
  items: []
}

Этот лишний уровень вложенности не валиден при отправке у меня. Поэтому я впилил костыль, который его удаляет.
источник

И

Ирина in Angular - русскоговорящее сообщество
ng add @angular/material, выбрала тему, но не выбирала анимацию, все добавилось как они написал. и я добавила соот-щие модули. Тут ничего не пишут как подключить стили...
источник