网站添加免费SSL证书——HTTPS协议

news/2024/5/8 15:05:05/文章来源:https://blog.csdn.net/weixin_42343931/article/details/121923491

  在添加证书之前首先了解两个概念:SSLHTTPS
SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS与SSL在传输层与应用层之间对网络连接进行加密。
HTTPS(全称:Hyper Text Transfer Protocol over SecureSocket Layer),是以安全为目标的 HTTP通道,在HTTP的基础上通过传输加密身份认证保证了传输过程的安全性。HTTPSHTTP的基础下加入SSL 层,HTTPS的安全基础是 SSL,因此加密的详细内容就需要 SSL
简单来说就是添加SSL可以增加网站安全性,使数据加密传输等级更高。一般的个人网站使用免费SSL证书就可以。如果是企业建议使用收费的,本文以华为云为例。
  添加SSL证书的步骤:购买证书并安装证书配置Nginx修改网站链接并测试

一、购买免费的SSL证书

1、到华为云控制台,依次点击域名注册SSL证书管理。点击购买证书

###   2、默认是收费的,根据提示点击`云市场`。
###   3、我选择的是`亚洲诚信免费的SSL证书`。
###   4、点击立即购买。
###   5、购买完成后登陆`SSL证书管理系统`,没有账号的话注册一个。
###   6、可以看到刚刚购买的证书已经显示在这里了。根据提示`完成订单`,填写需要添加证书的域名。
###   7、这里需要进行`域名验证`。 复制`记录值`。
###   8、来到刚刚添加的域名的`解析界面`。添加一个记录值。类型选择`TXT`,粘贴刚刚的`记录值`。这里一般`10分钟`即可完成,完成会收到`邮箱提示`。
# 二、配置Nginx 1、订单完成后,点击`下载证书`。输入密码,选择`Nginx类型`的。
###   2、压缩包解压后会有`两个`文件。可以用xftp软件上传到云服务器。可以在`/etc/nginx/`路径下新建文件夹存放。
###   3、在`Nginx`的配置文件(`.conf`)里面进行配置`403(https协议端口)端口`。配置之前确保`安全组`已经`开通`了`403`端口。将以下代码加入配置文件即可。注意:`现在不要强制跳转,也就是网站既可以http访问,也可以https访问。`具体配置代码如下:
#网站SSL证书
server {listen       443 ssl;server_name  www.cztcms.cn;     #修改为您证书绑定的域名。root         /blog/wordpress;   #站点路径index index.php index.html;        #首页名称ssl_certificate      cztcms/server.crt; #替换成您的证书文件的路径和名称。#这样写的话绝对路径是:/etc/nginx/cztcms/server.crtssl_certificate_key  cztcms/server.key; #替换成您的私钥文件的路径和名称。ssl_session_cache    shared:SSL:1m;ssl_session_timeout  5m;ssl_ciphers  HIGH:!aNULL:!MD5; #加密套件。ssl_prefer_server_ciphers  on;ssl_protocols TLSv1 TLSv1.1 TLSv1.2 TLSv1.3;#解决图标不显示
location ~* \.(eot|otf|ttf|woff)$ {add_header Access-Control-Allow-Origin *;
}
#PHP端口,如果不是PHP站点不用写
location ~ \.php(.*)$ {fastcgi_pass   127.0.0.1:9000;fastcgi_index  index.php;fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;fastcgi_param  PATH_INFO  $fastcgi_path_info;fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;include        fastcgi_params;}
}

4、现在就可以用https访问自己的网站了。不过WordPress的网站刚开始JSCSS是用的http。所以可以看到现在网站的排版都是乱的,是因为没有JS和CSS的加载。这个需要修改JS和CSS的路径
方法:在网站主题目录functions.php文件最后加入以下代码,刷新网站可以看到样式又回来了。

add_filter('script_loader_src', 'agnostic_script_loader_src', 20,2);
function agnostic_script_loader_src($src, $handle) {return preg_replace('/^(http|https):/', '', $src);
}add_filter('style_loader_src', 'agnostic_style_loader_src', 20,2);
function agnostic_style_loader_src($src, $handle) {return preg_replace('/^(http|https):/', '', $src);
}

三、修改网站链接

1、现在网站虽然可以用https访问了,但是在浏览器最上方还是没有看到绿色的安全锁,甚至可能会出现不安全的提示。这个是因为你的网站还有很多链接是采用http访问的。比如图片地址还是http开头。这个就需要将网站的所有http请求改为httpsWordPress站点可以用以下的SQL语句来修改,远程登录连接MySQL,执行即可。不过这个不能修改文章里面的连接。其他还需手动修改。

UPDATE wp_posts SET post_content = replace(post_content, 'http://www.cztcms.cn/wp-content/uploads','https://www.cztcms.cn/wp-content/uploads');

2、如果不想自己手动修改。那可以使用插件。ssl-insecure-content-fixer(SSL修复工具)。我的博客刚开始手动修改,不过后来还是没出现安全锁。我的也是用这个插件修复的。下载压缩包以后,到插件那里上传即可。设置一下就可以了。蓝奏云地址:▶ ssl-insecure-content-fixer.2.7.2.zip

3、最后用https访问可以出现小绿锁以后,在Nginx的配置文件里面加入强制跳转,也就是在地址栏输入http会自动跳到https。配置文件加入以下代码即可,域名改为自己的。

server {
listen 80;
server_name www.cztcms.cn;
rewrite ^(.*) https://$server_name$1 permanent;
}

360浏览器效果图

# Chrome浏览器效果图
# 火狐浏览器效果图

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_818887.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

WordPress添加侧栏小工具-博客统计(网站统计)

WordPress侧边栏“博客统计”小工具的制作方法。首先要下载cztcms.zip文件,解压得到一个PHP文件。蓝奏云地址:▶ cztcms.zip 1、将这个PHP文件放到主题目录下。打开主题目录下的function.php,在最后一个 ?> 前插入以下代码: i…

PHP+MySQL实现精确统计网站访问量(IP个数)

基于WordPress的网站有很多统计功能。但是只能统计文章阅读数。不能统计访客人数。以下代码可以实现获取来访用户的IP地址,一个IP对应一次访问。即使刷新也不会增加访问量。这个非常精确。 1、创建一个存储数据的表。进入MySQL后直接创建即可。 create table wp_jc_…

gatsby_Gatsby更快的WordPress网站

gatsbyTalk about the latest cutting-edge web technologies, and you find some impressive names like React.js, Vue.js, Next.js, and so on. They have opened new gateways and approaches to building websites that can serve content to users quickly. 谈论最新的前…

从“奥运门票网站800万访问量”想到的成本、质量、进度、风险等关系

看到这个新闻后颇有一番滋味,更体验到我一直关注的软件性能着实无处不在,这个案例也确实值得我们好好反思一下。不知道网友们有没有报名参加国际日语考试的——这个网站每年05年前都有人不能报名,因为报名人数太多,所以报名当日大…

Web2.0网站的路径依赖--探讨蚂蚁社区为什么要导入博客

郑昀 2007-5-13以下文章即将讨论的问题涉及这几个关键词:l 网站启动的核心用户从哪里来?l 网站启动时需要什么样的种子用户?l 最初吸引来的种子用户对网站有什么路径依赖作用?麦田曾经问道:“4. …

郑昀邀请网站开发工程师架构师加盟Web3.0新锐网站[工作地点-北京财智国际大厦]

公司新年新气象,刚刚换到了一个大办公室,也离中关村更近了。随着公司规模的扩大,开始了新一轮的招兵买马,哈哈。请各位帮忙看看有没有合适的人选推荐,不胜感谢!招聘:研发部招聘岗位1:PHP网站架构…

大型网站架构与分布式架构

解决问题的通用思路是将分而治之(divide-and-conquer),将大问题分为若干个小问题,各个击破。在大型互联网的架构实践中,无一不体现这种思想。架构目标低成本:任何公司存在的价值都是为了获取商业利益。在可能的情况下&…

高性能网站性能优化

从LiveJournal后台发展看大规模网站性能优化方法于敦德 2006-3-16一、LiveJournal发展历程LiveJournal是99年始于校园中的项目,几个人出于爱好做了这样一个应用,以实现以下功能:博客,论坛 社会性网络,找到朋友 聚合&am…

JS实现网站悬浮广告

如图黄色区块会沿着浏览器的上下左右碰撞移动,可关闭,鼠标移上去会停止 <!doctype html> <html> <he><meta charset"utf-8"><title>广告</title><style type"text/css">*{pding:0px;margin:0px;}#ad{position:a…

一步一步SharePoint 2007之十七:解决实现Form认证后无法再用SharePoint Designer编辑网站的问题...

一步一步SharePoint 2007之十七&#xff1a;解决实现Form认证后无法再用SharePoint Designer编辑网站的问题摘要前面的文章中&#xff0c;我曾提到&#xff0c;Form认证目前还有缺陷&#xff0c;就是实现Form认证后&#xff0c;就不可以用SharePoint Designer编辑网站了。这点真…

[导入]谈谈网站静态化

摘要: 写在前头静态化是解决减轻网站压力,提高网站访问速度的常用方案,但在强调交互的We2.0 时代,对静态化提出了更高的要求,静态不仅要能静,还要能动,下面我通过一个项目,谈谈网站静态化后的架构设计方案,同时和大家探讨一下,在开源产品大行其道,言架构必称MemberCache, Nginx…

如何获取视频网站的信息(土豆例子)

现在不少的视频网站都提供转载视频的功能 我之前写过一篇CHSNS#中通过youku的视频网址获取视频截图及视频信息&#xff0c;虽然可能地址已经改了但却未涉及土豆网&#xff0c;其实土豆获取的方法与优酷是差不多的。 http://www.tudou.com/ 其中的一个视频 http://www.tudou.com…

h5游戏网站源码_从WEB前端角度看H5游戏开发

WEB开发与游戏开发的区别WEB前端的大部分工作集中在利用现有的主流前端框架&#xff08;vue / react / angular&#xff09;及其周边开源代码库生态组织整个项目的架构并实现业务逻辑代码&#xff0c;往往同一种逻辑可以选择用不同的抽象方式来实现&#xff0c;不同抽象方式的思…

浅谈网站架构分析

前后端分离&#xff1a;在前后端不分离的应用模式中&#xff0c;前端页面看到的效果都是由后端控制&#xff0c;由后端渲染页面或重定向&#xff0c;也就是后端需要控制前端的展示&#xff0c;前端与后端的耦合度很高。 核心&#xff1a;后端只需要通过接口发送json数据&#…

给图片下方加水印_批量加水印、批量压缩图片:这个神奇的网站你值得拥有!...

各位老铁们大家好&#xff0c;听说今早一辆装有13吨百世快递的货车被烧了&#xff0c;我是只能暗自祈祷自己快递不在其中的宝藏女孩9妹~对于很多需要推送图文的新媒体人来说&#xff0c;图片处理是每天的必经工作任务(就好像9妹一样&#xff0c;能文能武还能出策划)&#xff0c…

防火墙 用户只能访问指定网站_网站优化吸引用户访问的方法有哪些?

如果网站长期没有被访问的话&#xff0c;即使网站设置的再精美都是没有用的&#xff0c;互联网用户使用搜索引擎搜索不同的网站&#xff0c;但一些用户进入网站后返回很快&#xff0c;而一些用户长期频繁地访问网站&#xff0c;甚至收集网站。这是网站优化的魅力所在&#xff0…

如何防止通过url攻击_如何通过更好的URL结构改善网站SEO排名

URL是有效的SEO策略不可或缺的一部分。它们被视为网站在互联网上轻松被访问的关键因素之一。网站的URL应以符合逻辑结构的一致方式进行定义。选定的URL结构应反映网站内容的组织方式&#xff0c;并且包含访问者用来查找站点的关键词。这就是为什么它如此重要以至于要注意网站的…

php 爬虫_公众号简单爬虫--把公众号文章全部转载到网站(三)

公众号简单爬虫--把公众号文章全部转载到网站&#xff08;三&#xff09;根据上一篇的方法,我们得到了一个包含标题,时间,作者,封面,文章连接等信息的json文件.接下来,就是要提取文章详细信息和把一系列的信息写入数据库.这里先说明几点,我们转贴公众号文章,会有个问题,就是图片…

PHP毕业设计旅游网站,基于PHP旅游网站的开发与设计(含录像)

基于PHP旅游网站的开发与设计(含录像)(程序代码,数据库,毕业论文25000字)随着Internet的普及&#xff0c;越来越多的企业建立了自己的WWW网站&#xff0c;电子商务应时而生。本论文主要讨论如何建立一个简单的旅游电子商务网站。本网站主要包括4大系统&#xff1a;注册模块&…

vue倒计时时间实现圆形进度条_Vue实现列表倒计时效果_vue.js教程,AngularJS教程_我爱模板网 - 提供下载各种免费建站资源,免费网站模板,免费网页特效,让你爱上建站!...

我爱模板网要实现下面的效果&#xff1a;即从后台获取数据&#xff0c;然后根据返回的时间&#xff0c;如“2019-12-17 23:59:59”&#xff0c;做成倒计时效果。第一步、布局&#xff1a;{{item.storeName}}{{item.storeDistance}}{{item.storeIndustryName}}{{item.countDownH…