Spring Boot 集成百度分享组件解决方案

目录

裴先生
裴先生
发布于 2020-12-27 / 1 阅读
0
0
原创

GitHub地址

百度分享代码:下载压缩包

解压后可得:

77A833D2-CA58-400F-A3FB-26F9CCC55608.png

配置步骤

1. 文件放置

将static文件夹整个丢到Spring Boot工程的static目录下面(如下图)

1F3C26BC-E446-42EC-92B3-F62A2FD10F91.png

2. HTTPS站点兼容性处理

站点开启HTTPS后,百度分享不能用,怎么办?

解决方案

前端页面JS代码修改

原始代码:

src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='

修改为:

src='/static/api/js/share.js?v=89860593.js?cdnversion='

完整版代码示例

<div class="bdsharebuttonbox">
    <a href="#" class="bds_more" data-cmd="more"></a>
    <a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a>
    <a href="#" class="bds_twi" data-cmd="twi" title="分享到Twitter"></a>
    <a href="#" class="bds_linkedin" data-cmd="linkedin" title="分享到linkedin"></a>
    <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
    <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
    <a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a>
    <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
    <a href="#" class="bds_evernotecn" data-cmd="evernotecn" title="分享到印象笔记"></a>
</div>
<script>
window._bd_share_config = {
    "common": {
        "bdSnsKey": {},
        "bdText": (获取到文章内容传递过去),
        "bdMini": "2",
        "bdMiniList": false,
        "bdPic": (获取到文章图片传递过去),
        "bdStyle": "1",
        "bdSize": "24"
    },
    "share": {},
    "image": {
        "viewList": ["fbook", "twi", "linkedin", "qzone", "tsina", "douban", "weixin", "evernotecn"],
        "viewText": "分享到:",
        "viewSize": "16"
    }
};
with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>

原创

版权声明:本博客原创文章,由 裴先生 2020年12月27日 发表。
转载说明:除特殊说明外本站文章皆由 CC BY-NC-SA 4.0 协议发布,转载须注明出处。


评论