如何在本地主机应用程序上创建分享到 Facebook 按钮

How to Create a Share to Facebook button on a localhost application

我有一个本地主机应用程序,用户可以在其中通过登录进入博客网站,任何人都可以阅读博客的内容。创建博客时,应用程序会根据博客名称自动生成 url。 URL 基本上是一个字符串,例如姓名:"New Blog" URL:"New-Blog".

现在,当有人查看博客时,我想让他能够在他的 Facebook 帐户上共享博客。所以我使用了 Facebook 代码生成器来获取共享按钮的代码。

    <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_GB/sdk.js#xfbml=1&version=v3.2';
         fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>


     <div class="fb-share-button" data-href="http://localhost/Blog/{{BlogList.Url}}" data-layout="button" data-size="large" data-mobile-iframe="false"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore"></a></div>

这是生成的代码。现在我意识到这不适用于我传递的 url:http://localhost/Blog/{{BlogList.Url}}

现在我应该使用什么 url 才能在 facebook 上分享此内容,同时还能获得自动生成的 url 名称。

URL必须是绝对的,而且必须是public:

http://yourdomain/Blog/xxx

您需要将 localhost 替换为您的域,您可能希望使用 https 而不是 http。您不应该再使用 http,但这只是旁注。