百度分享不支持https的解决方案

发布时间:2016/11/20 13:27:23 打印 字号:

2020年1月7日 更新技术文档:

百度分享代码,生成的链接不支持https,替换成这个js链接即可:https://ss1.baidu.com/9rA4cT8aBw9FktbgoI7O1ygwehsv/static/api/js/share.js


---------------------

以下解决方法也可使用

---------------------

站点自从开启 https 之后 ,百度分享就不能用了!但是又寻找不到类似百度分享的替代品。。

怎么办呢?要如何解决 百度分享不支持https的问题呢,

跟着博主动动手,让你百度分享仍然能在https下使用 ~


先上伸手党的解决方案~

博主修改好的分享代码(下面两个链接下载其中一个)的即可

  • Github地址(推荐,2016.10.2更新):https://github.com/hrwhisper/baiduShare

    • PS: 求点star!鼓励一下博主!

  • 旧版本,不再更新。 备用地址: http://pan.baidu.com/s/1i4c1hnn 密码:0kjw 

下载方式如下:

github-download-method.png

static 解压后丢到站点根目录下即可。

然后对应的百度分享代码中,把http://bdimg.share.baidu.com/改为 /

 

自己动手,丰衣足食

所谓授人以鱼不如授人以渔,博主把主要的修复过程记录如下:

 

获取百度分享的文件

你可以直接用chrome – F12 – source 查看有什么文件,然后保存(注意微信的需要先点一下,对应的 css 才会出来)

baidu-share-download.png

也可以直接看博主分享的文件,对应着下载。

把域名改成http://bdimg.share.baidu.com/加上对应的路径即可

 

修改一些文件

直接这么丢上去是会有问题的,你地址栏绿色的小锁会消失 T^T

就是说你虽然是Https的站点,但请求了http的资源,这种混合模式是不好滴

修复方法:

  1. static\api\js\share.js

    • domain: {staticUrl: “http://bdimg.share.baidu.com/”} 修改为 domain: {staticUrl: “/”}

    • nsClick: “http://nsclick.baidu.com/v.gif”  修改为  nsClick: “/”,

  2. static\api\js\trans\logger.js

    • 把里面的内容都删掉,但保留这个空文件

貌似就是这两个步骤,博主应该没漏掉

 

修改印象笔记图标

博主用的是主题1(明显比主题0好看啊,主题0还没印象笔记图标),

但是由于下面那个更多用的是主题0的图片,会造成加载两个图片,让我微微不爽(同样的没有印象笔记图标!)

于是修改如下:

  1. static\api\css\share_popup.css

    • 最后加上 .popup_evernotecn{background-position:4px -3190px;}

  2. static\api\css\share_style0_16.css

    • 最后加上 .bds_evernotecn{background-position:0 -3195px}

  3. 把 icons_1_16.png 重命名为 icons_0_16.png

    • 可选:用tinypng 把图片压缩下,博主现在这个图片就7.81KB

微信URL过长失败二维码出不来的问题

原因:网址过长时调用dwz API,而该网站不支持HTTPS

修复方式有两种

  1. 允许长的网址

  2. 自己寻找可以缩短网址的API,进行替换

本文采用的是第一种,在trans_weixin.js 修改d函数即可

 

写在最后

OK,快去试试效果吧~

如果有不清楚的地方,欢迎留言。

你也可以对着我修改的结果查看~