javascript - 具有动态异步内容的 AngularJS 元数据

Question

我有一个在 .net 应用程序中运行的 Angular 应用程序，我正在尝试为 SEO 和其他目的实现元标记。我遇到的问题是，在调用外部站点之前我不知道页面标题等。

例如，我可能导航到的 URL 是 www.mywebsite.com/people/1234。这将调用 www.apiwebsite.com/api/person/get?id=1234，然后返回信息，例如要在页面标题中使用的名称和其他重要元数据。

这里的问题是，虽然从用户的 Angular 来看这是可行的，但爬虫和开放网格不会等待该信息，因此只有网站默认元数据是可见的。

我已经查看了 angularjs(angular 1)的服务器端渲染作为一个选项，但找不到任何可用的东西，有没有人熟悉我可以用来确保向搜索引擎等提供正确页面数据的东西？

Answer 1

根据您的应用和要求，有几种方法可以做到这一点。

1. 您可以使用 prerender.io 等服务
2. 您可以设置rendertron或 puppeteer预呈现您的页面
3. 如果您升级到 Angular 6+，您可以使用 Angular Universal

我使用 puppeteer 作为构建步骤，当时大多数重要信息都不太动态，而且效果非常好。很多人似乎也对 Rendertron 和 prerender.io 非常满意。