如何在 Angular 2 中使用服务器端渲染？

Question

我有一个使用 Angular 2 开发的 Web 应用程序，它与服务器上的 Java API 通信以获取数据。一切正常，除了页面没有被搜索引擎索引（除了支持脚本生成标签的谷歌）。

我google了很多，发现这可以通过“服务器端渲染”来实现，并且有可用的库来实现这一点，但所有这些都是需要付费的商业产品。

我遇到了不是商业产品的 Angular Universal，我们可以用它来解决我们的问题吗？如果可以，那么我们如何将其连接到我们现有的应用程序？

Answer 1

您走在正确的道路上，有两种方法可以实现您的目标

• 如果您使用 @angular/cli 开发 Angular 应用程序，那么您只能关注此 link

• 如果您使用自己的 webpack.config 文件进行开发，那么有很多可用选项，其中最好的是 universal-starter ，它在 angular/universal 的官方文档中有所介绍

在继续使用@angular/cli 的同时，有一点需要注意的是，它还不支持延迟加载，但他们正在努力解决这个问题，@angular/cli 的未来一片光明。如果您现在只想实现延迟加载，那么我建议您继续使用第二个选项。