尝鲜 HTTP/3 协议 | 阿文的博客

最近，HTTP-over-QUIC协议被正式称为HTTP/3，QUIC 协议是 google 开发的一套协议，IETF 中的 QUIC 工作组致力于创建 QUIC 传输协议。 QUIC 是基于 UDP 实现的协议，是用来替换 TCP 的。QUIC 协议最初是由Google发起的项目，后面慢慢成为了 HTTP/2-encrypted-over-UDP 协议。

由于目前主流的 web 服务器，例如 nginx 是不支持 quic 协议的，因此我们采用 caddy 这个 web 服务器才实现对 quic 协议的支持。

关于 quic 协议的简单介绍，你可以看下 https://zhuanlan.zhihu.com/p/32553477

实现原理，首先客户端发起 tcp 连接判断服务端响应头是否有 alt-svc 头，如有则尝试使用 udp 443 去进行连接。

nginx 配置

nginx 只需要增加一行

add_header alt-svc 'quic=":443"; ma=2592000; v="44,43,39"';

caddy 容器

docker pull hub.c.163.com/fangwenjun/caddy/caddy:v1

启动容器

docker run --restart=always  -d -p 443:443/udp --name awen-blog -v /usr/local/nginx/ssl/:/conf/ -v /www/www/:/www/  -v /www/caddy/:/caddy-conf/ c237fe021a1b caddy -quic -conf /caddy-conf/conf

chrome 配置

https://awen.me
tls /conf/awen.me.ecc.cer /conf/awen.me.ecc.key
root /www/
gzip

配置完毕后记得放行 udp 443 端口，就可以通过浏览器访问了

chrome 配置

1.开启 quic 的支持，chrome://flags 安装如图所示 Experimental QUIC protocol 设置为 enable 重启浏览器

安装 HTTP/2 and SPDY indicator

https://chrome.google.com/webstore/detail/http2-and-spdy-indicator/mpbpobfflnpcgagjijhmgnchggcjblin

你可以访问 google 试试

右上角有个闪电图标会显示 google 已经开启 quic/43版本的支持。

然后访问博客也和 google 一样呈现绿色闪电图标了。

打开 chrome://net-internals/#quic 也可以看到当前使用 quic 协议的站点连接情况

wireshark 抓包可以看到有 GQUIC 也说明启用 quic 协议成功了。

文章作者：阿文

文章链接： https://www.awen.me/post/36933.html

0 条评论

😀😃😄 😁😅😂 🤣😊😇 🙂🙃😉 😌😍🥰 😘😗😙 😚😋😛 😝😜🤪 🤨🧐🤓 😎🥸🤩 🥳😏😒 😞😔😟 😕🙁☹️ 😣😖😫 😩🥺😢 😭😤😠 😡🤬🤯 😳🥵🥶 😱😨😰 😥😓🤗 🤔🤭🤫 🤥😶😐 😑😬🙄 😯😦😧 😮😲🥱 😴🤤😪 😵🤐🥴 🤢🤮🤧 😷🤒🤕 🤑🤠😈 👿👹👺 🤡💩👻 💀☠️👽 👾🤖🎃 😺😸😹 😻😼😽 🙀😿😾 👍👎👏 🙌👐🤲 🤝🤜🤛 ✌️🤞🤟 🤘👌🤏 👈👉👆 👇☝️✋ 🤚🖐️🖖 👋🤙💪 🦾🖕✍️ 🙏💅🤳 💯💢💥 💫💦💨 🕳️💣💬 👁️‍🗨️🗨️🗯️ 💭💤❤️ 🧡💛💚 💙💜🖤 🤍🤎💔 ❣️💕💞 💓💗💖 💘💝💟 ☮️✝️☪️ 🕉️☸️✡️ 🔯🕎☯️ ☦️🛐⛎ ♈♉♊ ♋♌♍ ♎♏♐ ♑♒♓ 🆔⚛️🉑 ☢️☣️📴 📳🈶🈚 🈸🈺🈷️ ✴️🆚💮 🉐㊙️㊗️ 🈴🈵🈹 🈲🅰️🅱️ 🆎🆑🅾️ 🆘❌⭕ 🛑⛔📛 🚫💯💢 ♨️🚷🚯 🚳🚱🔞 📵🚭❗ ❕❓❔ ‼️⁉️🔅 🔆〽️⚠️ 🚸🔱⚜️ 🔰♻️✅ 🈯💹❇️ ✳️❎🌐 💠Ⓜ️🌀 💤🏧🚾 ♿🅿️🈳 🈂🛂🛃 🛄🛅🛗 🚀🛸🚁 🚉🚆🚅 ✈️🛫🛬 🛩️💺🛰️

您的评论由 AI 智能审核，一般1分钟内会展示，若不展示请确认你的评论是否符合社区和法律规范

加载中...

深夜提醒

新年快乐

nginx 配置

caddy 容器

chrome 配置

chrome 配置

评论

选择联系方式

留言反馈