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

申请证书

1、登录阿里云控制台,产品与服务,选择SSL证书

 

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

 

3、返回SSL证书页面,可以看到证书列表里多了一条记录

 

4、点击申请,填写网站域名,手机号等信息,提交审核(审核很快)

 

5、审核通过后,点击右侧的的“下载”按钮

 

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

 

部署证书

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

 

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

 

开放443端口

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

 

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

 

解决样式错乱问题

原因:

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

 

由于前端页面完全静态化,网页引入的JS、CSS等静态资源还是http开头的,这是访问不到的,要重新生成页面。

解决办法:

1、帝国CMS中,将“系统”,“基本信息设置”中的网址地址http改为https

 

2、重新生成网页

 

原文地址:https://www.cnblogs.com/xyhero/p/11231226.html