如何在本地应用程序上创建“共享到Facebook”按钮

时间:2018-11-05 14:02:22

标签: asp.net-mvc facebook facebook-share

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

现在,当某人查看博客时,我想让他能够在其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>

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

现在我应该使用什么URL才能在Facebook上共享它,同时还获得自动生成的URL名称。

1 个答案:

答案 0 :(得分:1)

URL必须是绝对的,并且必须是公共的:

http://yourdomain/Blog/xxx

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