利用HSTS安全协议柔性解决全站HTTPS的兼容性问题

导读:目前,很多站都开始实现 HTTPS 了,而且其中的大部分强迫症站长还会开启强制 HTTPS 机制,对于网站的 HTTP 请求全部 301 跳转到 HTTPS,从而实现全站 HTTPS。这明显是一个粗暴的做法,下面张戈博客就分享一下目前正在使用的柔性做法,告别粗暴。

利用HSTS安全协议柔性解决全站HTTPS的兼容性问题

一、HSTS 协议

这里我们要借助一个新的安全协议:HSTS

HSTS(HTTP Strict Transport Security)国际互联网工程组织 IETE 正在推行一种新的 Web 安全协议,作用是强制客户端(如浏览器)使用 HTTPS 与服务器创建连接。

主要目的是为了解决 HTTPS 网站首次请求时使用的是未加密的 HTTP 协议,也就说用户一般访问我们的网站都是直接在浏览器输入域名,比如 zhangge.net,然后我们的服务器检测到是 HTTP 请求,就 301 跳转到 HTTPS 页面。那么前半程采用的就是未加密的 HTTP 请求,同样存在被劫持的可能,那么 HTTPS 说好的安全性也就大打折扣了!

在我看来,HSTS 还有另外一层好处:增强网站的兼容性。

以往分享的全站 HTTPS 都是采用 301 强制性跳转,而且还会区分下低版本 IE、不支持 HTTPS 的搜索引擎来忽略 301 跳转,很明显这样做无法照顾到所有情况。那么如果是用 HSTS 呢?

采用 HSTS 后,支持这个协议的浏览器会自动跳转到 HTTPS 页面,返回码为 307:利用HSTS安全协议柔性解决全站HTTPS的兼容性问题

而不支持 HSTS 的浏览器访问我们的网站,则不会产生跳转,从而提高了兼容性。这个机制对于不支持 HTTPS 的搜索引擎来说是非常友好的做法了!

二、开启 HSTS

开启 HSTS 很简单,只要在我们网站的响应头里面新增 HSTS 即可,下面简单说下

①、Nginx 服务器

只需要在站点 server 模块内插入如下配置并重启:

②、Apache 服务器

Apache 如下配置并重启:

③、LigHttpd

将下述配置增加到你的 Lighttpd 配置文件(一般是 /etc/lighttpd/lighttpd.conf)并重启:

④、通用方法

如果你用的虚拟主机,或者不会折腾 WEB 软件,那么可以采用更简单的通用方法。原理很简单,通过代码来新增响应头即可,这里只分享一下 php 的做法,其他语言自行参考:

将如下代码插入到网站根目录的 index.php 即可:

三、相对链接

当然,为了兼容不支持 HTTPS 的客户端,我们还需要将网站的所有超链接都改成相对模式:

比如,正常的页面链接如下所示:

改成相对模式:

好处就是,不管是 HTTP 还是 HTTPS 请求,页面中的地址都是和请求协议保持一致,避免出现页面是 HTTP,而页面中的链接却是 HTTPS 的情况,那么前面的做法也就没了意义。

如何修改为相对模式,估计有同学又玩不转了。万变不离其宗,和以前纯代码启用七牛 CDN 一样!

直接粗暴替换前台输出的代码即可:

将以上代码新增到 WordPress 主题的 functions.php 中即可。以上代码只会替换和网站主域名有关系的超链接,八竿子打不着的外部超链接就不管了,有需求自行参考解决。

四、提交 HSTS

上文已介绍了 HSTS,主要是为了解决 HTTP 请求 301 跳转到 HTTPS 这个过程被劫持问题,而实际上就算加上 HSTS 响应头,用户请求的前半程依然是 HTTP,并没有什么 L 用。

提出这个协议的砖家们就想出了一个解决办法:将支持 HSTS 的网站全部加入一个 Preload 的清单,支持 HSTS 协议的浏览器请求网站前会查询当前网站是否在清单中,如果是那么直接转换为 HTTPS 请求!从而解决前半程为 HTTP 的问题(不专业,但说人话。。。)。

那么,如果我们的网站启用了 HSTS,还得将网站提交到这个 Preload 清单才行了

提交地址:https://hstspreload.appspot.com/  (需要扶墙访问)

提交直到批准,我们的网站必须强制 301 跳转到 HTTPS,否则无法通过,完成审核后再取消 301 即可。

当然,提交后会显示正在提交到 preload list,快的话两三天,慢的话一两个月都是有可能的:利用HSTS安全协议柔性解决全站HTTPS的兼容性问题

好了,罗里吧嗦分享了一大堆,自行参考吧!

20170205 最新补充:经过漫长的等待,偶然查询发现已经是 preload 状态了,可真不容易:利用HSTS安全协议柔性解决全站HTTPS的兼容性问题

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

刷新评论

目前评论:79   其中:访客  65   博主  14

  1. 狂放 3 来自天朝的朋友 谷歌浏览器  Android 4.4.2 2014501 Build/KOT49H 江西省南昌市 电信

    用外部链接加载静态资源的我就木有办法惹

    • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Windows 7 广东省广州市 电信

      把这些资源下载到服务器 本地。。或者找支持https的资源。。。

  2. NVZA 2 来自天朝的朋友 QQ浏览器 Windows 7 广东省广州市 电信

    你好。博主,设置好https后,http全部网址打不开,iis环境怎么实现http定向https,求分享方法

  3. 喻城 0 来自天朝的朋友 QQ浏览器 Windows 7 中国 移动

    宝塔面板可以吗,输入特效不错 :grin:

  4. 茗彩 0 来自天朝的朋友 谷歌浏览器  Android 5.1 OPPO R9m Build/LMY47I 内蒙古呼和浩特市 移动

    学习了,很有深度。

  5. 码农&西瓜 0 来自天朝的朋友 QQ浏览器 Windows 7 浙江省杭州市 电信

    之前看到一篇文章:从HTTP到HTTPS再到HSTS,非常不错。

  6. 云落 2 来自天朝的朋友 谷歌浏览器  Android 6.0.1 OPPO R9s Plus Build/MMB29M 中国

    上了https之后又下来了。。。。

  7. 启明 2 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省徐州市 联通

    呐,我现在也启用了这个,可以发现在访问我的wp后台的时候呢,直接输入域名打开的还是http,就是错误页面了,非要手动输入https://xxxx.com/wp-admin 才可以正确访问,这是怎么回事呢!

    • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Mac OS X 10_11_3 湖南省长沙市 电信

      后台常规设置中设置为https的地址

  8. 启明 2 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省徐州市 联通

    我又回来了,发现几个问题这个hsts配置 能否设置不让二级域名也走https?
    关于提交收录到浏览器内置hsts的情况,是需要浏览器支持这个功能的才行的,想一些国产的部分浏览器不支持的话也不好用哦,
    比如我发现手机浏览器上就有不少不支持的,拿UC来举例,输入我的域名,不添加http或者https 他会转到搜索页面…
    但是Uc的ipad版本倒是可以正确按照301转向到https来正常访问,但是又来了..在进入后台的时候直输域名会转到http而不是按照301的规则从http转到https ,从而显示错误页面,
    这个 我在我的手机和平板都测试了…..无F uck说!

    • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Mac OS X 10_11_3 湖南省长沙市 电信

      HSTS所有域名都要走https。。

  9. zhy 1 来自天朝的朋友 谷歌浏览器 Windows 7 广西桂林市 网易网吧

    那如果nginx或apache前面还有阿里云的slb,这样设置有效吗?

  10. 枫少 3 来自天朝的朋友 谷歌浏览器 Windows 10 湖南省 电信

    看样子,百度分享需要下载到本地才能在文章页有小绿锁啊

  11. 明月登楼 6 来自天朝的朋友 谷歌浏览器 Linux 河南省南阳市 电信

    受本文的影响,我也把imydl.com和imydl.tech都加入预加载表了!还都通过了!

加载中,请稍候...