Angular Universal +外部API [英] Angular Universal + External API

问题描述

我知道Angular Universal仍在开发中.因此，我考虑过将Angular Universal用于Web应用程序，该应用程序会定期从外部API服务器提取数据(大约每10秒通过Http服务提取一次).然后，这些数据将显示在Web应用程序上.

I know that Angular Universal is still in development. So I have thought about using Angular Universal for a web app that regularly pulls data from an external API server (about every 10 seconds via the Http service). This data is then displayed on the web app.

我遇到了一些尚未找到简单解决方案的问题:

I have come across several problems that I haven't found an easy solution for yet:

1. Angular Universal显然需要API服务器中的数据来预渲染页面.我不想每次请求Web应用HTML时都从nodeJS查询API服务器.如果nodeJS服务器完全像一个客户端Web应用程序实例一样运行"，并且每隔10秒也查询API服务器，以10s的间隔缓存"该数据并使用它呈现HTML，就足够了.
2. 客户端Web应用程序将来自API服务器的数据存储在某个私有成员变量中.然后，使用该成员变量通过ngFor，绑定等从中构建HTML.但是此成员变量在课程开始时为空/未定义.我不希望客户端Web应用程序在启动时擦除预渲染的HTML，因为这会破坏Angular Universal的某些想法(不是SEO，但会减少加载时间).

希望您能理解我在这里想要实现的目标.您是否有解决方法的想法，或者甚至有正式"的方法来做到这一点?我敢肯定我不是唯一尝试做这样的事情的人.

I hope you understand what I'm trying to achieve here. Do you have an idea how to approach this, or is there even an "official" way to do that? I am sure I am not the only one trying to do something like that.

推荐答案

Angular Universal具有两个常量isNode& IsBrowser

Angular Universal have two constants isNode & IsBrowser

if(isNode){

   // it's Node Server

} else {
  //it's Browser
}

这篇关于Angular Universal +外部API的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！