SSR (Server Side Rendering) angular. Angular universal. Основы настройки SSR

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024

Комментарии • 52

  • @truew
    @truew 4 года назад +9

    Сделай пожалуйста видео. Как залить Ангуляр 9 universal на хостинг с nginx или firebase ?

  • @vladwolf444
    @vladwolf444 Год назад +1

    Момент с localStorage и любым клиентским API - почему нельзя просто делать проверку на isPlatformBrowser? Приведенный код выглядит как дублирование

    • @grommaks
      @grommaks  Год назад +1

      Возможно не учел всех нюансов, спасибо за дополнение

  • @serhiinahornyi6393
    @serhiinahornyi6393 2 года назад +3

    Познавательно!
    Удивлен что за два года так и никто не написал ответ по поводу роутов на 24:45 😄 Буду первым)
    В метод get первым параметром вместо строки можно вписать массив строк с нужными роутами)

  • @ilnurryazhapov
    @ilnurryazhapov 4 года назад +7

    Лайк не глядя!

    • @grommaks
      @grommaks  4 года назад +1

      Спасибо :) уверен что не разочарую этим видео :)

  • @antonasipenka2941
    @antonasipenka2941 Год назад +1

    Сейчас вот сижу над задачей обновления meta тега через ssr)

  • @IgorMafon
    @IgorMafon 4 года назад +11

    Спасибо за видео. Было бы отлично, если бы тему ssr + angular рассмотрели и для production-а

  • @nouchance
    @nouchance Год назад +1

    Stariy video no polezno!

  • @grommaks
    @grommaks  4 года назад +2

    Приятного просмотра :)
    Если остались вопросы, задавай!)
    Если есть пожелания к видео, кидай в коментарий!)
    Хорошего тебе настроения ;)

  • @МишаАстахов-ю2д
    @МишаАстахов-ю2д 4 года назад +3

    А еще хочу сказать, что Angular - это просто бомба ! Не понимаю почему многие уперлись в React...? Там ничего нет и все нужно настраивать, ставить неизвесно кем написанные плагины и расширения...., для меня это просто не понятно, глупость какая то !

    • @grommaks
      @grommaks  4 года назад +1

      В этом видео ruclips.net/video/R0YH2xiTpkc/видео.html
      Я рассказывал почему берут Vue или React
      Если коротко, то не все фронтендеры программисты, учить angular первым фреймворком после верстки тяжело и на фрилансе работы не так много

  • @Kulibins1
    @Kulibins1 4 года назад +6

    Надо погромче.

    • @grommaks
      @grommaks  4 года назад

      хм...мне казалось что достаточно громко настроил, точно громкость низкая?

    • @Kulibins1
      @Kulibins1 4 года назад +1

      @@grommaks да. Громкость на максимум тогда только слышно нормально. Кстати недавно поиграться с нвидеевской настройкой непросеть для звука. У кого микрофон слабый великолепная вещь. Прям кайф, не думал что так хорошо помогает. Советую.

    • @grommaks
      @grommaks  4 года назад

      @@Kulibins1 обязательно посмотрю :) спасибо за важную информацию

    • @Roma-nj4sv
      @Roma-nj4sv 4 года назад +2

      @@grommaks Да, нужно по громче

  • @mosso1900
    @mosso1900 3 года назад +1

    Спасибо, хотелось бы angular u+ spring +nginx!

  • @Roma-nj4sv
    @Roma-nj4sv 4 года назад +3

    Спасибо за годный контент)

  • @user-san-chous
    @user-san-chous 2 года назад +1

    О, а как это я пропустил такое интересное видео и сам ковырять пытаюсь ангуляр универсал...

  • @МишаАстахов-ю2д
    @МишаАстахов-ю2д 4 года назад +2

    Огромное спасибо !! Крутой канал ! Только единственная просьба: когда обьясняешь, не делай резких и мгновенных движений, чтоб было понятно что ты нажал или включил, прописал и так далее. Ты же для людей обьясняешь , а не для себя.

    • @grommaks
      @grommaks  4 года назад +1

      Спасибо за полноценный отзыв
      Я стараюсь комментировать действия в новых видео :) пытаюсь стать лучше

  • @tanyasuntulip7008
    @tanyasuntulip7008 3 года назад +1

    Замечательно объяснили, все показали, спасибо большое. Все получилось. Кайфанула от урока.

  • @viktorm2937
    @viktorm2937 4 года назад +1

    И еще будет интересно, если расскажите про state, какие инструменты стоит использовать для ng: redux, ngrx, ngxs, кто-то вообще юзает только сервисы...

    • @grommaks
      @grommaks  4 года назад +2

      Я люблю NGRX, и часто вижу его в разных фирмах на выдержанных проектах :)
      Как по мне, решение гибкое, а значит сложное...подойдет для средних и крупных проектов, вакансий по этому хранилищу больше чем по другим

  • @The00tori00
    @The00tori00 3 года назад +1

    Интересно было бы узнать следующее. Допустим у меня есть плата типа расбери-пай и я хочу собрать многофункциональный дашборд, который вмонтирован в полупрозрачное зеркало. В этому случае, если использовать на фронте ангулар, будет быстрее отрабатывать серверный рендеринг, или на клиенте?

    • @grommaks
      @grommaks  3 года назад +1

      Цель серверного рендеринга - улучшить SEO...не уверен что малинка хорошее решение для блога или интернет магазина.
      По этому я бы не делал Серверный Рендеринг вообще для такого решения :) А пользовался обычным клиентским...
      Но кто знает) может я не прав

    • @The00tori00
      @The00tori00 3 года назад +1

      @@grommaks речь о том, что браузер на малинке может быть очень медленным, а в документации ангуляр-бриверсал говорится в том числе о медленных смартфонах, как о сфере применения ssr

    • @grommaks
      @grommaks  3 года назад

      @@The00tori00 можно попробовать, но я не владею такой статистикой 🙄

  • @syimykamatov8955
    @syimykamatov8955 4 года назад +1

    от души

  • @sdarfg
    @sdarfg 3 года назад

    очень тихо

  • @aleksandrzelenskiy4000
    @aleksandrzelenskiy4000 4 года назад

    Спасибо за подробное объяснение. Уже неделю пытаюсь прикрутить Angular Universal SSR к готовому проекту (был upd с 6 до 10 ver Angular) - ловлю document is not defined. Буду пробовать твои методы

  • @miraclechina1301
    @miraclechina1301 4 года назад +2

    Это стандартное решение но не для продакшена всё жутко медленно(( для высоких нагрузок не пойдёт

    • @grommaks
      @grommaks  4 года назад

      Для прокшн обязательно нужен сервер для кеширования статики, такой как varnish...т.е. Чтобы нода генерила контент один раз, а после ответ возвращался из кеша...
      Попробую углубиться в тему как это делают на ангуляре, на php такое настраиваю регулярно, но только на линуксе

    • @miraclechina1301
      @miraclechina1301 4 года назад

      @@grommaks , это да сам хотел зделать mvc з ангуляр но теперь думаю что для этого паттерна проще будет связка html+css+ts без фреймворков всяких, так как тот-же блог просто не будет норально обрабатыватся гугл роботом.

    • @grommaks
      @grommaks  4 года назад +1

      @@miraclechina1301 Это одна из причин, почему блог все еще делают на php wordpress по всему миру. Гораздо проще и гугл любит такие странички.
      Ssr angular можно включать тогда, когда приходит робот, а не настоящий пользователь...но cache полюбому нужен...переплачивать за сервер, это не самая лучшая идея

    • @SkyAndStarss
      @SkyAndStarss 3 года назад +1

      @@grommaks что-то неоч понимаю, а как отличить когда робот приходит, а когда настоящий пользователь?

    • @grommaks
      @grommaks  3 года назад +1

      @@SkyAndStarss Робот прикрепляет заголовок специальный, не помню наизусть, нужно гуглить...т.е. express сервер может прочитать параметры из request чтобы понять нужно ли запускать SSR или можно просто отдать статику

  • @viktorm2937
    @viktorm2937 4 года назад +1

    приветствую, одно из редких полезных видео по теме ssr. Кстати нашел на просторах сильно расширенную версию
    ruclips.net/video/FwFrYLo-oQA/видео.html
    на индусско-английском)
    тут и сео и кэширование, но для 7 версии, может адаптируете его под сегодняшние реалии? С вашим уровнем понимания будет интересно посмотреть, как вы осветите это все...

    • @grommaks
      @grommaks  4 года назад +2

      Обязательно использую этот подход в курсе джедай веб разработки по разработке блога. Там понадобится ssr. Как к этой теме доберусь, сделаю более полный обзор 😁 спасибо за предложенную тему

    • @aleksandrzelenskiy4000
      @aleksandrzelenskiy4000 4 года назад

      @@grommaks Что за курс и где его посмотреть?

  • @АлексейКравец-е7й
    @АлексейКравец-е7й 4 года назад

    надеюсь след. видео будет как раз о том как чекнуть включен ли js юзера и распилить функционал на js-ный и не-js-ный

  • @ВиталяПалкин
    @ВиталяПалкин 4 года назад +1

    лайк однозначно!

  • @tanyasuntulip7008
    @tanyasuntulip7008 3 года назад +1

    Телеграмм канала нет в описании

    • @grommaks
      @grommaks  3 года назад +1

      На странице канала, на баннере есть ссылки на соц сети

    • @grommaks
      @grommaks  3 года назад

      С мобильного во вкладке о канале...действительно не так удобно получается

    • @tanyasuntulip7008
      @tanyasuntulip7008 3 года назад

      @@grommaks Спасибо, подписалась. Но удобнее было бы в описании к каждому видео оставлять, наверное.

  • @f1amezof
    @f1amezof 3 года назад

    Не слышно нихера