Угловой универсальный + внешний API

Question

Я знаю, что Angular Universal все еще находится в разработке. Поэтому я подумал об использовании Angular Universal для веб-приложения, которое регулярно извлекает данные с внешнего сервера API (примерно каждые 10 секунд через службу Http). Эти данные затем отображаются в веб-приложении.

Я встречал несколько проблем, которые я не нашел простое решение для еще:

1. Угловая Универсальный очевидно нуждается в данных с сервера API для пререндер страницу. Я не хочу запрашивать сервер API от nodeJS каждый раз, когда запрашивается HTML-код веб-приложения. Было бы достаточно, если бы сервер nodeJS «вел себя» точно так же, как один экземпляр веб-приложения клиента, и каждые 10 секунд запрашивает сервер API, «кэширует» эти данные с интервалом в 10 секунд и использует его для визуализации HTML.
2. Клиентское веб-приложение хранит данные с сервера API в некоторой частной переменной-члене. Эта переменная-член затем используется для создания HTML-кода из него с помощью ngFor, привязок и т. Д. Но эта переменная-член пуста/не определена в начале курса. Я не хочу, чтобы клиентское веб-приложение вытирало предварительно загруженный HTML-код при запуске, потому что это как бы отменило некоторые идеи Angular Universal (а не SEO, но сократило время загрузки).

Надеюсь, вы понимаете, чего я пытаюсь достичь здесь. У вас есть идея, как подойти к этому, или существует даже «официальный» способ сделать это? Я уверен, что я не единственный, кто пытается что-то сделать.

Answer 1

Угловой универсал не знает, является ли ваш код кодом сервера или кодом клиента, он просто берет ваше приложение и пытается отобразить его на сервере. но, как вы упомянули, есть время, когда вы хотите, чтобы сервер действовал иначе, чем клиент. Например, если у вас есть функция, которую вы хотите, чтобы Angular Universal пропустил эту строку кода в верхней части тела функции.

if (typeof window === "undefined") return; 

Или, если у вас есть сценарий, что вам нужно на сервер, чтобы сделать что-то по-другому от клиента сделать это

if (typeof window === "undefined") { 
    // server code 
} else { 
    // client code 
}; 

Answer 2

Угловое Универсальные имеют две константы isNode & IsBrowser

if(isNode){ 

    // it's Node Server 

} else { 
    //it's Browser 
}