Angular ng构建预渲染路径，例如用于静态服务的角度通用（带有开放图形og标记）

Question

是否有可能为具有多条预渲染路线的生产（使用AoT）构建角度应用程序（角度为2/3/4/5）？我正在考虑在预定义路线的构建过程中类似于角度通用的东西。

例如：

./dist/index.html << this is default!
// Additional build prerendered index.html files for specified routes
./dist/routeA/index.html
./dist/routeB/index.html
./dist/routeC/customRouteParam/index.html

为什么静态预渲染Angular？

• 来自s3的静态服务
• 避免服务器端呈现的额外复杂性
• 保持通用应用和服务器端呈现的优势
• 改善加载时间
• 支持开放图形标记（OG标记）

使用Angular Universal进行Serverside渲染

我知道服务器端预渲染是可能的角度通用，但我想避免这种额外的复杂性，而是主机完全静态。对于对角度通用服务器端渲染感兴趣的任何人，以下资源可能很有用：

• Angular Universal
• Angular Universal server-side rendering serverless with AWS Lambda - boilderplate
• Angular Universal server-side rendering - boilerplate
• Angular Open Graph Meta Tag Support

Answer 1

你可以用通用预渲染，然后静态地提供html文件

入门套件有一个示例文件prerender.ts，显示它是如何完成的。 https://github.com/angular/universal-starter

您只需要提供一个预呈现的已知路由列表，然后执行服务器端渲染，并将生成的html保存到磁盘。

我将这种方法用于一个网站，其中内容每隔几个月才会发生变化而且速度很快