在 vaadin 14 中集成 facebook 共享链接答案

【问题标题】：Integration facebook share link in vaadin 14在 vaadin 14 中集成 facebook 共享链接
【发布时间】：2019-11-26 05:37:30
【问题描述】：

我正在寻找使用 vaadin 流中的动态消息调用 facebook 共享功能。

我已经阅读了如何在 facebook 开发者链接中生成 AppId 和所有内容，但是如何使用 vaadin 以及动态标题和消息。

我已经编写了以下代码

<html>
<head>
  <title>Your Website Title</title>


  <meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
  <meta property="og:type"               content="article" />
  <meta property="og:title"              content="hii" />
  <meta property="og:description"        content="hello" />
  <meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />


</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your share button code -->

  <div class="fb-share-button" data-href="mylink" data-layout="button_count" data-size="small">
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=mylink;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>

</body>
</html>

我将有不同的标题和不同的描述，因为应用程序将部署在不同的域中。

那么我如何在 facebook 分享时设置标题和消息或描述？只要知道它不会占用 vaadin 应用程序中的任何内容。

【问题讨论】：

请添加您尝试过的内容（源代码和错误（日志、异常等）），以便我们改进
我正在更新问题@cfrick
任何即时帮助都会很棒..!!

标签： javascript java vaadin vaadin-flow

【解决方案1】：

这个对我有用，可以在没有 appId 的情况下在 facebook 上分享内容

https://www.facebook.com/sharer/sharer.php?u=%LINK%&quote=%CONTENT%

%LINK% = 您网站的链接 %CONTENT% = 您要分享的内容将显示为引号

【讨论】：