如何在本地主机应用程序上创建分享到 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&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,但这只是旁注。
我有一个本地主机应用程序,用户可以在其中通过登录进入博客网站,任何人都可以阅读博客的内容。创建博客时,应用程序会根据博客名称自动生成 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&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,但这只是旁注。