Size: a a a

Angular-universal-ru

2020 March 26

YG

Yurii Gavdan in Angular-universal-ru
nur tlek
типа nodemon?
ну почти,
nodemon он как-бы для простых нодосвских приложений делает обновление в реально времени да,

а здесь вот в стартере есть:

npm run ssr:watch
https://github.com/Angular-RU/angular-universal-starter/blob/master/package.json#L9

оно еще при запуске пишет:
****************************************************
Thi

Thi
s is a simple server for use in testing or debugging Angular applications locally.
It hasn't been reviewed for security issues.
DON'T USE IT FOR PRODUCTION!
****************************************************

во


во
т понять бы как это прикрутить себе в проект да еще и на 8-й версии angular.


и будет ли это работать на 8-й версии?

PS: кстати сам вотчер достаточно быстрый,
и что для меня главное отрывает SSR версию в DEV режиме (вместо SPA/CSR)
источник

KV

Karpov Vladimir in Angular-universal-ru
Yurii Gavdan
ну почти,
nodemon он как-бы для простых нодосвских приложений делает обновление в реально времени да,

а здесь вот в стартере есть:

npm run ssr:watch
https://github.com/Angular-RU/angular-universal-starter/blob/master/package.json#L9

оно еще при запуске пишет:
****************************************************
Thi

Thi
s is a simple server for use in testing or debugging Angular applications locally.
It hasn't been reviewed for security issues.
DON'T USE IT FOR PRODUCTION!
****************************************************

во


во
т понять бы как это прикрутить себе в проект да еще и на 8-й версии angular.


и будет ли это работать на 8-й версии?

PS: кстати сам вотчер достаточно быстрый,
и что для меня главное отрывает SSR версию в DEV режиме (вместо SPA/CSR)
так ты перенес в свой проект с angular.json код для ssr:watch ?
источник

KV

Karpov Vladimir in Angular-universal-ru
источник

YG

Yurii Gavdan in Angular-universal-ru
Karpov Vladimir
так ты перенес в свой проект с angular.json код для ssr:watch ?
спасибо,
попробую, как раз только нашел "serve-ssr" в angular.json
источник

nt

nur tlek in Angular-universal-ru
Yurii Gavdan
ну почти,
nodemon он как-бы для простых нодосвских приложений делает обновление в реально времени да,

а здесь вот в стартере есть:

npm run ssr:watch
https://github.com/Angular-RU/angular-universal-starter/blob/master/package.json#L9

оно еще при запуске пишет:
****************************************************
Thi

Thi
s is a simple server for use in testing or debugging Angular applications locally.
It hasn't been reviewed for security issues.
DON'T USE IT FOR PRODUCTION!
****************************************************

во


во
т понять бы как это прикрутить себе в проект да еще и на 8-й версии angular.


и будет ли это работать на 8-й версии?

PS: кстати сам вотчер достаточно быстрый,
и что для меня главное отрывает SSR версию в DEV режиме (вместо SPA/CSR)
это обычная команда ng serve—prod же
источник

YG

Yurii Gavdan in Angular-universal-ru
nur tlek
это обычная команда ng serve—prod же
да, так действительно можно запустить проект
npx ng serve --prod

но в моем случае - он запускается сейчас как SPA (т.е. в исходнике страницы - нет всего HTML)

а вот в стартере (npm run ssr:watch) - там запускается SSR версия

буду пробовать перенести себе в проект
источник

nt

nur tlek in Angular-universal-ru
zachem?
источник

KV

Karpov Vladimir in Angular-universal-ru
источник

YG

Yurii Gavdan in Angular-universal-ru
я преследую 2 цели:

- тестить SSR версию быстро
(чтобы не запускать build и не ждать каждый раз и видеть реальный исходник, meta тэги ну все, как оно будет на проде)

- както запустить express приложение и SSR на одном порту,
для избежания ошибок с сессиями (вот вчера с этим разбирался) не мог получить данные по express-sessions сессиям - при запросах с localhost:4200 на localhost:4000
(но тут я уже разобрался)

PS: ну и сборка SSR 2 мин локально - это всегда боль и страдания
источник

YG

Yurii Gavdan in Angular-universal-ru
спасибо, пробую
источник

YG

Yurii Gavdan in Angular-universal-ru
тут нюанс с

ng update @angular/cli @angular/core @nguniversal/express-engine --next

✖ Migration failed: Incompatible peer dependencies found.
Peer dependency warnings when installing dependencies means that those dependencies might not work correctly together.

Видимо проект еще не готов к быстрому переносу с 8й версии на 9ю,

а на 8й как-то можно такой вотчер запустить?

PS: понятное дело что 9-я лучше, но сейчас совсем нет времени на апгрейд к 9ке.

ну и комманды в packege.json такой нет
npm run serve:ssr:dev
источник

nt

nur tlek in Angular-universal-ru
у кого было такое
источник

nt

nur tlek in Angular-universal-ru
facebook не находит og:image
источник

nt

nur tlek in Angular-universal-ru
но здесь например при шэринге есть image
источник

nt

nur tlek in Angular-universal-ru
в телеграме
источник

nt

nur tlek in Angular-universal-ru
а там нету
источник

KV

Karpov Vladimir in Angular-universal-ru
у меня было, гугли какие условия для og:image у каждый из соц сетей
источник

nt

nur tlek in Angular-universal-ru
точно такая ситуация?
источник

MI

Michael Izmaylov in Angular-universal-ru
nur tlek
facebook не находит og:image
источник

YG

Yurii Gavdan in Angular-universal-ru
@tylek
Update по GTM:

таки GTM пришлось стандартным образом вставлять в HTML, вроде со своей стороны проверял ту имплементацию с inject через renderer2 и визуально все работает,

но SEO'шник говорит что GTM не работает как положенно.

В итоге сдеал по стандартному :)
https://developers.google.com/tag-manager/quickstarthttps://developers.google.com/tag-manager/quickstart

PS: Еще интересный момент, этот код вставляется, но он должен быть сверху, а у this.renderer2 есть только методы

- appendChild
- и insertBefore

а вот очень не хватает ему там метода "prepend"

но кстати подобные вставки вполне рабочие и походят для интеграций других виджетов вполне.
источник