Angular 2+社交共享链接预览

我正在开发Angular 4应用程序，它有一个功能，可以根据不同的标准生成不同的反馈表单链接。因此，它每天可以生成数百或数千个链接

我想做的是使所有这些链接在社交共享方面更加丰富，即每个链接如果粘贴在社交媒体（如facebook）上，它应该能够具有特定于该表单的元数据，即所有链接将具有不同的表单名称和描述。当链接粘贴到facebook、twitter等上时，应获取每个链接的特定数据

---

如何达到这一要求。如何实现这一点？提前感谢。

您需要实施两件事来解决问题：

在index.html页面上实现Open Graph标记。您需要根据您在angular中通过元服务将用户路由到的URL更改这些元标记。有关更多信息，请参阅URL 使用Angular Universal发布此使用服务器端渲染。 使用Facebook调试器验证生成的内容。 如果您的项目由于静态服务器而无法实现SSR，那么以上几点将无法与facebook、twitter、linkedin、whatsapp一起使用

您需要寻求以下解决方案：

代理渲染。prerender.io .htaccess与PHP。