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



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

现在,当一个人浏览博客时,我想让他能够在他的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必须是绝对的,并且必须是公共的:

http://yourdomain/Blog/xxx

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

最新更新