架构师小跟班：SSL证书免费申请及部署，解决页面样式错乱问题完整攻略

申请证书

一、登陆阿里云控制台，产品与服务，选择SSL证书

 

二、进入SSL证书页面，点击“购买证书”，选择免费1年的证书类型，点击“当即购买”

 

三、返回SSL证书页面，能够看到证书列表里多了一条记录

 

四、点击申请，填写网站域名，手机号等信息，提交审核（审核很快）

 

五、审核经过后，点击右侧的的“下载”按钮

 

六、弹出下载页面，选择Nginx版本下载到本地备用，此时证书申请已经完成。

 

部署证书

一、登陆宝塔控制面板，点击“网站”菜单，选择申请证书的网站，点击右侧“设置”

 

二、在弹出的窗口中，选择“SSL”，“其余证书”，将下载的证书解压成两个文件，分别粘贴到秘钥和证书两个输入框中，点击保存。此时证书已部署成功。

 

开放443端口

一、宝塔面板中，“安全”，在防火墙中放行443端口

 

二、阿里云ECS控制台中，配置安全组入方向443端口

 

解决样式错乱问题

缘由：

浏览器为了安全，https下跨协议调用http的是不行的。帝国CMS中引入静态资源的标签：[!--news.url--]，这个标签指的是网站地址，而网站地址写的是http://不是https://

 

因为前端页面彻底静态化，网页引入的JS、CSS等静态资源仍是http开头的，这是访问不到的，要从新生成页面。

解决办法：

一、帝国CMS中，将“系统”，“基本信息设置”中的网址地址http改成https

 

二、从新生成网页