Size: a a a

Angular-universal-ru

2020 March 22

VM

Vasiliy Mazhekin in Angular-universal-ru
Sergei Derkach
Всем привет. У меня вопрос по командам старта. Чет я не понимаю в чем разница и как с ними работать?
http://prntscr.com/rkcx8f  
есть две команды для старта: npm run start  и npm run ssr   какую запускать для работы?  И вообще если первые две для старта то для чего тогда npm run ssr:watch
А для чего npm run build:prerender - для генерации статики  какой статики для чего.. А первые, что не не генерят..  
  До этого только с обычным ангуляром работал то всего две команды старт и  билд.. А тут хрен его знает, что запускать вообще и как с этим работать в описании толком не описанно.  
Я так понимаю что нужно три или  две команды? для порта сервера и порта и API ? или бек сервера Нест должен быть отдельно?
Ну да там вроде понятно просто юзай пока npm run start для разработки и потом иногда можно локально проверять чтобы работало в серверном рендеринге npm run ssr. Пока этих двух достаточно. Остальное если непонятно можно и не использовать, понимание само попозже придет когда  эти фичи понадобятся ))
источник

VM

Vasiliy Mazhekin in Angular-universal-ru
Привет всем, традиция ))) пин сообщение увидел, я Ангуляр программист около семи лет, из Калининграда, нашел сегодня только эти интересные чаты как то случайно через какую то статью. Проектов на ангуляре из открытых есть один домашний проектик на Ангуляр universal https://codehint.ru/ остальные все внутренние просто ангулярные #whois
источник

nt

nur tlek in Angular-universal-ru
как можно редикты делать в nestjs ?
источник

СМ

Сергей Мезенцев in Angular-universal-ru
nur tlek
как можно редикты делать в nestjs ?
Чего делать?
источник

nt

nur tlek in Angular-universal-ru
редиректы
источник

nt

nur tlek in Angular-universal-ru
контроллер создать ?
источник

СМ

Сергей Мезенцев in Angular-universal-ru
nur tlek
редиректы
Редиректы куда? По какому условию? И что делает вопрос по nestjs в этом чате?
источник
2020 March 23

AB

Alexander Batalygin in Angular-universal-ru
Всем привет!

Ребят запускаю angular-universal-ru командой
npm run ssr

При изменении любого компонента происходит пересборка проекта, после которой периодически валится ошибка:

Error: listen EADDRINUSE: address already in use :::56955
   at Server.setupListenHandle [as _listen2] (net.js:1313:16)
...

Никто не сталкивался с таким?
источник

VM

Vasiliy Mazhekin in Angular-universal-ru
Alexander Batalygin
Всем привет!

Ребят запускаю angular-universal-ru командой
npm run ssr

При изменении любого компонента происходит пересборка проекта, после которой периодически валится ошибка:

Error: listen EADDRINUSE: address already in use :::56955
   at Server.setupListenHandle [as _listen2] (net.js:1313:16)
...

Никто не сталкивался с таким?
это ошибка когда уже запущено приложение на адресе 56995, нужно его найти и остановить

// это для windows команды
netstat -ano | find ":56995"

taskkill /f /pid 12836
источник

AB

Alexander Batalygin in Angular-universal-ru
Спасибо. А можно какой то обработчик написать, чтобы это автоматически происходило?

Может в ноде какое-то событие для этого есть? А то каждый раз это вручную геморно будет делать
источник

VM

Vasiliy Mazhekin in Angular-universal-ru
не могу сказать, а где оно запущено в вебсторме? у меня эта ошибка была редко, когда забыл например остановить приложение, закрыл вебсторм и заново пыттаешься запустить приложение, а старое в памяти висит на том же адресе
источник

AB

Alexander Batalygin in Angular-universal-ru
Да, в шторме запущено

Первые две пересборки норм, на третьей такая ошибка
источник
2020 March 24

SD

Sergei Derkach in Angular-universal-ru
Alexander Batalygin
Да, в шторме запущено

Первые две пересборки норм, на третьей такая ошибка
Да так себе тот пример, я два дня мучался запуская его и внедряя в свой стартовый проект.  Описание плохое у него.  Но буду переделывать.  Кстати на ютубе есть видео, про него.. нашёл.  Но тоже так себе. Лучше з б рассказали про все. Что для чего, как внедрять. Как запускать. Бо толку с того видео мало.  
  Есть два другие проекта в нете гораздо интереснее. Как на меня, как пример, и чтоб разобраться.
источник

AB

Alexander Batalygin in Angular-universal-ru
А ссылки можешь кинуть на эти два проекта?
источник

SD

Sergei Derkach in Angular-universal-ru
источник

AB

Alexander Batalygin in Angular-universal-ru
Спасибо, гляну)
источник

SD

Sergei Derkach in Angular-universal-ru
источник
2020 March 25

YG

Yurii Gavdan in Angular-universal-ru
Всем привет,
подскажите кто сталкивался с такой проблемой:

Запускаем локально проект:
- на localhost:4000 - express API, которая общается с другим микросервисом
- на localhost:4200 - angular (ng serve) в режиме SPA (для локальной разработки)

и все хорошо было,
до того момента пока у нас не появились сессии (express-session в связке с redis):

import * as session from 'express-session';
const config = CONFIG.external.redis || {};
export const redisClient = redis.createClient({
 port: config.port,
 host: config.host,
 ttl: config.ttl,
});

private mountSessions(): void {
const sessionTime = 300; // 86400;
const store = new RedisStore({ client: redisClient });
this.express.use(session({
  secret: CONFIG.scope,
  resave: true,
  saveUninitialized: true,
  store,
}));
}


Сессии у нас работают,
но - только если мы соберем SSR версию приложения,
и оно запустится все вместе на 4000 порту.
Но сборка занимает около 2 мин.
Но каждый раз писать код и собирать 2 мин - это жестко.

А при попытке зайти с 4200 на 4000 порт,
все данные по сессиям не доступны.
Отдает объект {cookie:...}, но данных там нет,
и установить не получается элементарный counter

if (req.session.views) {
 req.session.views++;
} else {
 req.session.views = 1;
}
res.end();

Я так понимаю проблема в том,
что express-session создает cookie: connect.sid с токеном сессии,
для 4200, и теряет реальную сессию на 4000 порту.

Я вижу 2 варианта решения
(но у меня не получается их прикрутить):

- както пробрасывать сессии между портами (не понятно как, возможно заставить этот хэш сессии не в cookie писать)

- запуск проекта в режиме SSR:watch на одном 4000 порту

PS: вот ковыряю стартер, пока не удалось перенести логику "ssr:watch" к себе в приложение.

Буду рад любым советам, спасибо!
источник

YG

Yurii Gavdan in Angular-universal-ru
Может кто пробовал сам настраивать watch для SSR версии,
на сколько быстро это работает? Есть ли полезные ссылки на эту тему? Я уже достаточно много гуглю.
источник
2020 March 26

nt

nur tlek in Angular-universal-ru
Yurii Gavdan
Может кто пробовал сам настраивать watch для SSR версии,
на сколько быстро это работает? Есть ли полезные ссылки на эту тему? Я уже достаточно много гуглю.
типа nodemon?
источник