手把手教你使用给站点开启https和http2(附代码)

之前的文章《浅析nginx的安装与使用(收藏)》中,给大家介绍了解了nginx的安装与使用。下面本篇文章给大家介绍怎么给站点开启https和http2,我们一起看看怎么做。

手把手教你使用给站点开启https和http2(附代码)

本篇文章主要介绍了如何给站点开启https和http2

微信截图_20210901105618.jpg

本篇文章主要介绍了如何给站点开启https和http2

给站点开启https比较简单以本站Linux + nginx为例

3条命令即可

下载脚本 

wget https://dl.eff.org/certbot-autochmod a+x certbot-auto

登录后复制

自动关联到nginx

$sudo ./certbot-auto --nginx```sh## 检查证书有没有过期

登录后复制

$sudo ./certbot-auto renew –dry-run

## 如果过期了就自动续订```sh$sudo ./certbot-auto renew

登录后复制

假如提示如下错误代码

UnicodeDecodeError: ‘ascii’ codec can’t decode byte 0xc3 in position 5: ordinal not in range(128)是因为nginx的配置文件存在中文字符,把中文改成英文即可

或者可以自行查找

grep -r -P '[^-]' /etc/nginx /etc/letsencrypt

登录后复制

好了,现在打开nginx配置看下

listen 443 ssl http2;ssl on;ssl_certificate /etc/letsencrypt/live/chuchur.com/fullchain.pem;ssl_certificate_key /etc/letsencrypt/live/chuchur.com/privkey.pem;include /etc/letsencrypt/options-ssl-nginx.conf;ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;if ($scheme != "https") {    return 301 https://$host$request_uri;} # managed by Certbot

登录后复制

注意 nginx 版本太低是无法开启的,首先要升级 nginx 版本,以 centos 为例

修改/etc/yum.repos.d/nginx.repo的nginx仓库地址

[nginx]name=nginx repobaseurl=http://nginx.org/packages/mainline/centos/$releasever/$basearch/gpgcheck=0enabled=1

登录后复制

如果还没有安装 nginx,直接执行 yum install nginx,如果已经安装了,则可以通过 yum clean all && yum update nginx 升级。 

建议先停掉nginx暴力停止killall nginx, 然后卸载掉yum remove nginx之后再重新安装yum install nginx

Ubuntu / Debian升级HTTP/2

首先修改apt仓库源/etc/apt/source.list的地址,增加下面两行仓库。

deb http://nginx.org/packages/mainline/debian/ codename nginxdeb-src http://nginx.org/packages/mainline/debian/ codename nginx

登录后复制

接下来执行

apt-get clean && apt-get install nginx

登录后复制

好了,现在成功了开启了https了,443 ssl  后面那个http2,就是开启了http2

最后重启nginx

nginx -s reload

登录后复制

刷新页面发现网址前面加了一把锁就表示https开启成功了

如何验证开启了http2呢 你打开要验证的网址等加载完成后,新开一个tab输入chrome://net-internals/#http2回车

如果在列表中找到你的网址对应的ip就表面已经开启成功了。

当然是用谷歌浏览器

【完】

推荐学习:http视频教程

以上就是手把手教你使用给站点开启https和http2(附代码)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2907412.html

(0)
上一篇 2025年3月11日 02:58:09
下一篇 2025年3月6日 03:51:35

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 重点介绍H5页面秒开优化与实践

    本篇文章给大家带来了关于H5的相关知识,其中主要给大家分享H5页面秒开优化与实践,下面一起来看一下,希望对大家有帮助。 背景 3月份针对线上重点h5项目秒开进行治理,本文将逐步介绍如何通过h5页面的优化手段来提高 1.5 秒开率。 为什么要…

    2025年3月11日 编程技术
    200
  • canvas如何绘制钟表的方法_html5教程技巧

    这篇文章主要介绍了html5中的canvas如何绘制钟表的方法的相关资料,小编觉得html真的是越来越强大的,现在分享给大家,也给大家做个参考。对html的小伙伴们可以一起跟随小编过来看看吧 本文介绍了canvas如何绘制钟表的方法,分享给…

    2025年3月11日
    200
  • 利用pointer-events防止重复点击的方法实例

    我们在前端总会遇到重复点击的问题,由于网络的原因,用户不能及时得到反馈,就很可能会选择再点击一次,所以这个时候就会向后端发送两次重复的请求,这样就很可能会导致严重的问题,尤其是在发 post的时候,就可能会增加两条重复的数据。本文主要给大家…

    编程技术 2025年3月11日
    200
  • HTML5中的picture元素响应式处理图片方法

    所谓的响应式设计,是指在不同的屏幕分辨率,不同的像素密度比,不同宽度的终端设备中,网页布局可以自适应的调整。响应式设计的本意是使原本pc上的网站兼容移动终端,大部分响应式网页是通过媒体查询,加载不同样式的css文件实现的。这样的弹性化布局使…

    2025年3月11日 编程技术
    200
  • html5 Canvas实现图片旋转

    本文主要介绍了htm5l canvas实现图片旋转的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 众所周知canvas是位图,你可以在里面渲染你要的东西,不过你只能操作canvas的属…

    2025年3月10日 编程技术
    200
  • Html5之IphoneX适配方法分享

    iphonex 的适配,关键在于怎么让页面适应 “齐刘海”、底部操作区域以及大圆角问题。iphonex 相对于其他手机,不同之处在于设备虽同样都是一个屏幕,但其实被分为了好几个模块,本文主要和大家介绍了html5 iphonex 适配方法的…

    2025年3月10日
    200
  • px单位html5响应式方案详解

    移动端h5响应式方案最近这几年用得最多的最多的就是rem方案了。这个需要计算根元素的font-size来实现响应式。本文主要和大家介绍了px单位html5响应式方案的相关资料,希望能帮助到大家。 但这种方案也有一个缺点,那就是font-si…

    编程技术 2025年3月10日
    200
  • 如何用纯CSS 实现一个颜色卡的效果

    这篇文章主要介绍了关于如何用纯CSS 实现一个颜色卡的效果,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 源代码下载 每日前端实战系列的全部源代码请从 github 下载: https://github.com/comeho…

    2025年3月10日
    200
  • 如何使用CSS实现单元素点阵loader的效果

    这篇文章主要介绍了关于如何使用css实现单元素点阵loader的效果,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 源代码下载 每日前端实战系列的全部源代码请从 github 下载: https://github.com/c…

    2025年3月10日
    200
  • 如何使用纯CSS实现一台咖啡机的效果

    这篇文章主要介绍了关于如何使用纯css实现一台咖啡机的效果,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 源代码下载 每日前端实战系列的全部源代码请从 github 下载: https://github.com/comeho…

    2025年3月10日
    200

发表回复

登录后才能评论