在reactjs中实现开放图社会共享

在reactjs中实现开放图社会共享,reactjs,facebook-opengraph,socialshare,Reactjs,Facebook Opengraph,Socialshare,我正在开发一个问题web应用程序,在一个页面上有20篇文章。我必须在每个问题上实现facebook共享按钮。我正在使用meta-og:image。然而,为了分享每一篇文章,og:image的内容必须被更改,但是FB似乎并没有通过javascript读取更改。因此,图像帖子中的问题不可见。如何实现动态元标记,使图像在fb共享中可见。JavaScript将被Facebook忽略,通常的解决方案是SSR(服务器端渲染)或类似的东西-您必须确保每个帖子都有一个静态链接 我正在使用SSR,只能推荐它。另一

我正在开发一个问题web应用程序,在一个页面上有20篇文章。我必须在每个问题上实现facebook共享按钮。我正在使用meta-og:image。然而,为了分享每一篇文章,og:image的内容必须被更改,但是FB似乎并没有通过javascript读取更改。因此,图像帖子中的问题不可见。如何实现动态元标记,使图像在fb共享中可见。

JavaScript将被Facebook忽略,通常的解决方案是SSR(服务器端渲染)或类似的东西-您必须确保每个帖子都有一个静态链接


我正在使用SSR,只能推荐它。另一个解决方案是,例如。

使用nextjs和react进行服务器端渲染怎么样。它能解决这个问题吗?我正在使用next.js和SSR来解决这个问题(以及其他问题),是的。