Angular 6 Express应用服务器渲染

Question

我有一个使用Angular 6和Express服务器的应用程序。现在我想添加服务器渲染系统(最佳实践和标准实践)，但是我发现的所有文章都与Angular 6不兼容，或者没有以正常方式使用Express服务器。

我只需要为Angular 6和Express服务器的SEO友好的URL(服务器渲染)的标准文档。

Answer 1

最近(2个月前)，我也遇到了同样的需求。我的客户想要一个带有angular 6 universal和express服务器的web应用程序。他希望使用angular universal的SSR (服务器端渲染)功能来实现高速web应用程序的SEO。

在谷歌上花了很多心思之后，我在Github上找到了一个有很好记录的项目，并与SEO的目的很好地工作(我检查了搜索引擎优化的兼容性，90%是google Audit得到的)。它还使用Express服务器与angular universal一起工作。您可以通过以下链接查看：https://github.com/maciejtreder/ng-toolkit

在开发环境中启动它:使用npm start

• To在express

• 上运行它(开发)：node local.js

• To使用express server在生产环境中构建它:使用npm run build:prod