分享网页到facebook

分享一个商品的网页到facebook，那么就必须以图文详情的方式分享到facebook，效果如下所示：

image.png

如果分享到facebook必须以图文方式分享，而且你又恰好看了 Facebook API 未解决问题，那么这篇文章很适合你看。

注意点一
在我们分享的网页中，必须配置meta部分，如下所示：

<meta property="og:url"           content="https://www.your-domain.com/your-page.html" />
<meta property="og:type"          content="website" />
<meta property="og:title"         content="Your Website Title" />
<meta property="og:description"   content="Your description" />
<meta property="og:image"         content="https://www.your-domain.com/path/image.jpg" />

注意点二

<meta property="og:url"           content="https://www.your-domain.com/your-page.html" />

content中的网址，必须是标注网址，不得包含任何计数器和会话变量，这是重点！

错误地址如下:

https://www.your-domain.com/your-page.html?a=1

https://www.your-domain.com/your-page.html?a=1&b=2

对于这个问题，在我们项目中，分享出去的是商品页，所以商品的ID都是动态的！对于这个问题，有两种处理方式：
1：前端动态往head中加入meta部分。
2：后台制作动态网页，内含meta部分。

如https:/abc.com/app/api/v1/dynamic-page/item-batch/ENUS/h5token/2/68/item-facebook-share.html为后台路由网页，其中ENUS/h5token/2/68/为动态数据，包含语言，token，邀请人ID以及商品ID，这样对于og:url的参数，我们就完美解决了，这部分由后台完成！

注意点三

对于og:url内容地址，如果你不知道facebook是否可以识别，那么就把你的网页放到 facebook for deverlopers 中测试一下，该结果就会显示出你的网页内，是否包含了必要参数，如下所示：

image.png
image.png
当你看到这个画面，facebook读出你的网页包含了规定的meta，那么你分享出去，就是图文形式了！！

注意点四

分享代码如下：
location.href = `https://www.facebook.com/sharer/sharer.php?kid_directed_site=0&u=${url}`

url: 该链接和meta部分的og:url值一模一样，就是哪个标准的分享网页地址！

参考http://192.144.129.220/openApp.html 自己测试的