Angular 通用和外部 API

Question

在搜索了angular Universal很多天后，我发现缺乏有关ServerSideRendering实际工作方式的信息。
让我引导您解决我的疑虑，并帮助我澄清一些模糊点。

有很多指南会告诉您如何设置SSR需要注意哪些事项，例如不访问 DOM 或不使用 jquery。
它们都没有真正展示 angular Universal 在幕后的实际工作方式，尤其是当您访问外部 api 时。

我希望一个普通的 SSR 应用程序只在服务器上运行，创建一些 html，然后加载 html，直到客户端下载 javascript代码。
但是在使用外部 api 的情况下会发生什么？（这是一个非常常见的场景）。
我们的应用程序的服务器版本是否进行了真正的调用，从 api 获取真实数据，以使用 html 进行渲染？还是发生了其他事情？

同样在通过路由解析器调用的外部 api 的情况下。在这种情况下，SSR 可能吗？这意味着我们的应用程序必须以任何一种方式等待 api 响应。

Answer 1

当使用 angular Universal 时，SSR 过程实际上会生成浏览器将下载的 html，并带有一些内联 css，以便快速呈现页面。之后，浏览器将为您的 Angular 应用程序下载 JS 文件，此时会发生转换，之后客户端 JS 应用程序将获得控制权。

您可以使用外部 API。如果您在 Angular 代码中调用了 API（例如在组件初始化时），那么该调用将在服务器端执行；这意味着 angular Universal 将等待该调用完成，以便它可以使用检索到的数据来生成页面的 html