angular - 如何在 Angular 8 的 whatsapp 中集成元标记的动态预览？

Question

实际上，我想为我的所有博客文章集成 whatsapp 的动态链接预览。angularJS、angular2 和 angular 4 有很多插件可用。但是 angular 8 没有可用的插件。有人可以帮我吗？它适用于每个 url 中具有不同 slug 的博客，即对于每个故事，都有一个不同的 URL。标题和图片也不同。

标签： angulardynamicmetadatawhatsapppreview

Answer 1

几乎每个前端框架（例如 Angular）都是在客户端构建的。这意味着在客户端应用程序呈现站点之前，内容是不存在的。

您需要的是服务器端渲染，它将预渲染您的网站，允许在任何平台上共享时渲染您的博客文章图像、标题或描述。

由于您使用的是 Angular，我真的建议您提供Angular Universal

“本指南描述了 Angular Universal，一种在服务器上呈现 Angular 应用程序的技术。”

祝你好运！