Size: a a a

Angular-universal-ru

2020 July 16

ИК

Игорь Кравченко... in Angular-universal-ru
Руслан Алиев
Повтор запроса при SSR на клиенте.
Инцидент:
На клиенте запрос данных завязан на роутинг, т.е. я подписан на изменение query параметров.
````this.route.queryParams.subscribe(_ => this.startToLoad())``
И при SSR мой запрос повторяется.
Я уверен что это связанно со строчкой кода выше.
Вопрос: Можно ли сохранить такой подход, но что бы данные не перезапрашивались.
внутри функции startToLoad я запрашиваю данные через NGRX т.е. dispatch(-у)/вызываю событие, в @Effect(NGRX) выполняю запрос потом кладу в хранилище@Effect(NGRX) выполняю запрос потом кладу в хранилище
смотри как у тебя делается запрос
источник

B

BAZIKALO in Angular-universal-ru
Руслан Алиев
Повтор запроса при SSR на клиенте.
Инцидент:
На клиенте запрос данных завязан на роутинг, т.е. я подписан на изменение query параметров.
````this.route.queryParams.subscribe(_ => this.startToLoad())``
И при SSR мой запрос повторяется.
Я уверен что это связанно со строчкой кода выше.
Вопрос: Можно ли сохранить такой подход, но что бы данные не перезапрашивались.
внутри функции startToLoad я запрашиваю данные через NGRX т.е. dispatch(-у)/вызываю событие, в @Effect(NGRX) выполняю запрос потом кладу в хранилище@Effect(NGRX) выполняю запрос потом кладу в хранилище
Проблема только в дупликате запроса?
источник

B

BAZIKALO in Angular-universal-ru
У юниверсалов есть либа, которая кеширует все это дело
источник

B

BAZIKALO in Angular-universal-ru
Там можна сосдать кастомную стратегию кеширования или юзать существующюю
источник

B

BAZIKALO in Angular-universal-ru
Через стест трансфер апи это все делаеться)
источник
2020 July 17

SS

Sergei Sergeevich in Angular-universal-ru
Ребята а тесты для ssr-логики кто-нибуть писал? например я достаю язык из request, хотелось бы прогнать варианты с различными параметрами в запросе: req.originUrl, req.headers, req.cookies
источник

SS

Sergei Sergeevich in Angular-universal-ru
Sergei Sergeevich
Ребята а тесты для ssr-логики кто-нибуть писал? например я достаю язык из request, хотелось бы прогнать варианты с различными параметрами в запросе: req.originUrl, req.headers, req.cookies
попробую в TestBed запровайдить PLATFORM_ID: 'server' и RequestMock
источник

B

BAZIKALO in Angular-universal-ru
Sergei Sergeevich
Ребята а тесты для ssr-логики кто-нибуть писал? например я достаю язык из request, хотелось бы прогнать варианты с различными параметрами в запросе: req.originUrl, req.headers, req.cookies
Подымай тесты на UI и ебись с ssr
источник

SS

Sergei Sergeevich in Angular-universal-ru
да вроде понял как нужный функционал закрепить
источник
2020 July 18

MV

Mihail Vorobyov in Angular-universal-ru
Есть след код
let headers = new HttpHeaders().set('Authorization', this.token);
   console.log('headers = ', headers);

   // this.headers.set('Authorization', this.token);
   this.data = data.toString();
   const url = 'http://localhost:8080/category/find';
   const parseJSON = JSON.stringify(data);
   this.http.post<any>(url, parseJSON, { headers:  headers}).pipe().subscribe(

....
}


Выдает след ошибку точнее студию подсвечивает
Expected property shorthand in object literal ('{headers}'). (object-literal-shorthand)

В чем проблема подскажите пжл
источник
2020 July 19

СВ

Сергей Волков... in Angular-universal-ru
замени { headers:  headers} на { headers }
источник

СВ

Сергей Волков... in Angular-universal-ru
если ключ и название переменной в объекте совпадают, то нужно писать просто название переменной, это сокращённая запись short-hand, которую и рекоммендует тебе твоя среда разработки (IDE)
источник

أИ

أبو يحيى Ильнур... in Angular-universal-ru
кто-нибудь знает как подружить universal и nx?
источник
2020 July 20

РА

Руслан Алиев... in Angular-universal-ru
Игорь Кравченко
смотри как у тебя делается запрос
Я упростил компонент что бы понять влияет ли NGRX или классовая организация (наследование) и прочее на повторный запрос, но оказалось что нет.

Мне кажется дело в post методе, но это странно.
источник

РА

Руслан Алиев... in Angular-universal-ru
Игорь Кравченко
смотри как у тебя делается запрос
источник

РА

Руслан Алиев... in Angular-universal-ru
Игорь Кравченко
смотри как у тебя делается запрос
источник

РА

Руслан Алиев... in Angular-universal-ru
Игорь Кравченко
смотри как у тебя делается запрос
источник

ИК

Игорь Кравченко... in Angular-universal-ru
ты TransferState используешь для запросов?
источник

РА

Руслан Алиев... in Angular-universal-ru
Игорь Кравченко
ты TransferState используешь для запросов?
У меня их 2, один для service.module (ServerTransferStateModule), другой для browser модуль (BrowserTransferStateModule).
На других страницах, перезапроса не происходит.
источник

ИК

Игорь Кравченко... in Angular-universal-ru
добавль логи как они работают, что содержат, какие ключи
источник