array(2) { ["docs"]=> array(10) { [0]=> array(10) { ["id"]=> string(3) "428" ["text"]=> string(77) "Visual Studio 2017 单独启动MSDN帮助（Microsoft Help Viewer）的方法" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(8) "DonetRen" ["tagsname"]=> string(55) "Visual Studio 2017|MSDN帮助|C#程序|.NET|Help Viewer" ["tagsid"]=> string(23) "[401,402,403,"300",404]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400964" ["_id"]=> string(3) "428" } [1]=> array(10) { ["id"]=> string(3) "427" ["text"]=> string(42) "npm -v；报错 cannot find module "wrapp"" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "zzty" ["tagsname"]=> string(50) "node.js|npm|cannot find module "wrapp“|node" ["tagsid"]=> string(19) "[398,"239",399,400]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400760" ["_id"]=> string(3) "427" } [2]=> array(10) { ["id"]=> string(3) "426" ["text"]=> string(54) "说说css中pt、px、em、rem都扮演了什么角色" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(12) "zhengqiaoyin" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400640" ["_id"]=> string(3) "426" } [3]=> array(10) { ["id"]=> string(3) "425" ["text"]=> string(83) "深入学习JS执行--创建执行上下文（变量对象，作用域链，this）" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "Ry-yuan" ["tagsname"]=> string(33) "Javascript|Javascript执行过程" ["tagsid"]=> string(13) "["169","191"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511399901" ["_id"]=> string(3) "425" } [4]=> array(10) { ["id"]=> string(3) "424" ["text"]=> string(30) "C# 排序技术研究与对比" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "vveiliang" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(8) ".Net Dev" ["catesid"]=> string(5) "[199]" ["createtime"]=> string(10) "1511399150" ["_id"]=> string(3) "424" } [5]=> array(10) { ["id"]=> string(3) "423" ["text"]=> string(72) "【算法】小白的算法笔记：快速排序算法的编码和优化" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "penghuwan" ["tagsname"]=> string(6) "算法" ["tagsid"]=> string(7) "["344"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511398109" ["_id"]=> string(3) "423" } [6]=> array(10) { ["id"]=> string(3) "422" ["text"]=> string(64) "JavaScript数据可视化编程学习（二）Flotr2，雷达图" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "chengxs" ["tagsname"]=> string(28) "数据可视化|前端学习" ["tagsid"]=> string(9) "[396,397]" ["catesname"]=> string(18) "前端基本知识" ["catesid"]=> string(5) "[198]" ["createtime"]=> string(10) "1511397800" ["_id"]=> string(3) "422" } [7]=> array(10) { ["id"]=> string(3) "421" ["text"]=> string(36) "C#表达式目录树（Expression）" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "wwym" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(4) ".NET" ["catesid"]=> string(7) "["119"]" ["createtime"]=> string(10) "1511397474" ["_id"]=> string(3) "421" } [8]=> array(10) { ["id"]=> string(3) "420" ["text"]=> string(47) "数据结构 队列_队列实例：事件处理" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "idreamo" ["tagsname"]=> string(40) "C语言|数据结构|队列|事件处理" ["tagsid"]=> string(23) "["246","247","248",395]" ["catesname"]=> string(12) "数据结构" ["catesid"]=> string(7) "["133"]" ["createtime"]=> string(10) "1511397279" ["_id"]=> string(3) "420" } [9]=> array(10) { ["id"]=> string(3) "419" ["text"]=> string(47) "久等了,博客园官方Android客户端发布" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(3) "cmt" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511396549" ["_id"]=> string(3) "419" } } ["count"]=> int(200) } 222 网站 HTTP 升级 HTTPS 完全配置手册 - 爱码网

网站 HTTP 升级 HTTPS 完全配置手册

今天，所有使用Google Chrome稳定版的用户迎来了v68正式版首个版本的发布，详细版本号为v68.0.3440.75，上一个正式版v67.0.3396.99发布于6月13日，自Chrome 68起，当在加载非HTTPS站点时，都会在地址栏上明确标记为“Not Secure（不安全）”。

网站 HTTP 升级 HTTPS 完全配置手册

Google很早就已经开始进行大力推广，但因为迁移至HTTPS比较困难存在一定的技术门槛，而且成本也比较高昂，其次就是当时没有任何行业在推动这项变革，所以当时响应支持的并不是很多。

但现在情况不同了，在Google的坚持努力下，同时HTTPS也在安全性、搜索引擎友好方面具有不小的优势，目前Top 100的网站中已经有81家网站默认使用了HTTPS。

那么Chrome在这次升级后，为了给用户带来更好的用户体验及更多的信任，网站升级HTTPS的进程可能会比之前更快，那么我们应该如何将自己的站点升级为HTTPS，以及如何配置平滑过渡。

升级HTTPS，我们可以分为购买证书、安装证书、设置跳转这三个步骤，下面我们展开来讲讲这三步详细的实施流程。

申请证书

证书类型分为DV、OV、EV这三种，这三种有什么区别？

  • DV（域名型SSL）：个人站点、iOS应用分发站点、登陆等单纯https加密需求的链接；

  • OV（企业型SSL）：企业官网；

  • EV（增强型SSL）：对安全需求更强的企业官网、电商、互联网金融网站；

SSL证书的部署类型又分为了单域名、多域名、通配符等类型， 这里以葡萄城官网为例，使用的是OV通配符证书，也就是一张证书可以保护 *.grapecity.com.cn 下的所有子域名。大家可以根据自己的需求来选择申请购买。

安装证书

证书购买完成后，你就可以下载对应域名的证书文件。根据你Web服务器的不同种类一般证书也会分为多种，请根据自己的实际情况下载安装，一般的常见的Web服务器分为Nginx、Apache、Tomcat、IIS 6、IIS 7/8这几种，下面我们来看一下，证书下载完成后，如何在服务器上安装/配置SSL证书。

Nginx

  1. 首先在Nginx的安装目录下创建cert目录，将下载的全部文件拷贝到cert目录中。

  2. 打开 Nginx 安装目录下 conf 目录中的 nginx.conf 文件，找到“HTTPS server”部分。

  3. 指定证书路径，为如下示意并保存：

网站 HTTP 升级 HTTPS 完全配置手册

4. 重启Nginx，这时候你的站点应该就已经可以通过https方式访问了

Apache

  1. 在Apache的安装目录下创建cert目录，并且将下载的全部文件拷贝到cert目录中。

  2. 打开 Apache 安装目录下的 conf 目录中的 httpd.conf 文件，找到以下内容并去掉“#”

网站 HTTP 升级 HTTPS 完全配置手册

3. 打开Apache安装目录下的conf/extra/httpd-ssl.conf文件（或conf.d/ssl.conf），在配置文件中找到以下语句并配置

网站 HTTP 升级 HTTPS 完全配置手册

4. 重启 Apache

Tomcat

Tomcat 支持JKS格式证书，但从Tomcat7开始也支持PFX格式证书，两种格式任选其一

  1. 在Tomcat的安装目录下创建cert目录，并且将下载的全部文件拷贝到cert目录中。

  2. 找到安装Tomcat目录下该文件server.xml，找到Connection port="8443" 标签，并根据证书类型添加如下相应属性：

如果是PFX证书

网站 HTTP 升级 HTTPS 完全配置手册

如果是JKS证书

网站 HTTP 升级 HTTPS 完全配置手册

重启Tomcat

IIS 6

  1. 导入证书

    1. 开始 -〉运行 -〉MMC

    2. 启动控制台程序，选择菜单“文件"中的"添加/删除管理单元”-> “添加”，从“可用的独立管理单元”列表中选择“证书”-> 选择“计算机帐户“

    3. 在控制台的左侧显示证书树形列表，选择“个人”->“证书”，右键单击，选择“所有任务"-〉"导入”, 根据"证书导入向导”的提示，导入PFX文件（此过程当中有一步非常重要： “根据证书内容自动选择存储区”）

      网站 HTTP 升级 HTTPS 完全配置手册

      网站 HTTP 升级 HTTPS 完全配置手册

      网站 HTTP 升级 HTTPS 完全配置手册

  2. 刷新后即可看到证书。

  3. 为站点分配证书，打开IIS -〉目录安全性 -〉服务器证书 -〉分配现有证书 -〉指定访问端口为443

    网站 HTTP 升级 HTTPS 完全配置手册

  4. 重启站点

IIS 7/8

  1. 导入证书（和IIS 6步骤相同）

  2. 为站点分配证书，选择“绑定”->“添加”->“类型选择 https” ->“端口 443” ->“ssl 证书（选择导入的证书名称）” ->“确定”

    网站 HTTP 升级 HTTPS 完全配置手册

    如遇到主机名不能设置，请打开C:\Windows\system32\inetsrv\config\applicationHost.config 手动修改

  3. 重启站点

之后通过https://hostname 访问，并能够成功加载证书时，就已经算成功在服务器上安装证书了。

网站 HTTP 升级 HTTPS 完全配置手册

设置跳转

经过上面的步骤，相信各位的网站应该都能以https://domainhost的形式访问了，但细心的小伙伴可能已经发现，网站这个时候http和https同时都能够访问。这就需要设置跳转了，使http请求通过301 redirect到https上去。同样的，我们以不同Web服务类型来说明。

Nginx

网站 HTTP 升级 HTTPS 完全配置手册

Apache

网站 HTTP 升级 HTTPS 完全配置手册

Tomcat

网站 HTTP 升级 HTTPS 完全配置手册

IIS 6

打开IIS -〉站点属性 -〉主目录 -〉选择“重定向到URL” -〉填写https://your-hostname/$S$Q” -〉勾选“资源的永久重定向”　　

网站 HTTP 升级 HTTPS 完全配置手册

IIS 7/8

  1. 安装Url Rewrite 扩展组件 https://www.iis.net/downloads/microsoft/url-rewrite

  2. 反选“要求SSL"

    网站 HTTP 升级 HTTPS 完全配置手册

  3. 站点的web.config内的<system.webServer>节中添加

网站 HTTP 升级 HTTPS 完全配置手册

总结

至此，网站HTTPS化的工作已经全部完成了，另外多啰嗦的内容就是，HTTPS化了之后还有一些收尾工作需要进行，那就是，请尽量将引用图片资源的路径改为相对路径，如果引用的有站外的js或css等资源，也请将http协议头删除，否则会给你带来一些“惊喜”。

相关文章：

猜你喜欢
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode