V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
mokevip
V2EX  ›  程序员

关于 HTTP2.0

  •  
  •   mokevip ·
    moke8 · Feb 10, 2022 · 4247 views
    This topic created in 1536 days ago, the information mentioned may be changed or developed.

    HTTP2.0 出来已经有一段时间了,可能是因为前端的原因对这些协议没有太大的关注。

    今天突然意识到随着 2.0 的广泛使用,自己以前的一些观念被打破了。

    因为入行以来一直被教育,要减少请求减少请求,减少请求次数,减少文件数量。为此 webpack 打包把所有的 js 压缩为几个文件,图片引入也要使用 CSS 图片精灵。

    但是 HTTP2.0 的多路复用,允许在一次连接中多次请求,意味着以前的很多请求头传输损耗和三次握手的性能消耗都无限变小?

    这是否意味着,在纯 HTTP2.0 的场景下,比如小程序开发中(纯 https ),节约请求数量不再必要?

    26 replies    2022-02-13 22:08:10 +08:00
    KuroNekoFan
        1
    KuroNekoFan  
       Feb 10, 2022
    是的,现在还这么做可以说是路径依赖了
    seakingii
        2
    seakingii  
       Feb 10, 2022
    还是有必要的.减少请求数据好处多多.
    mokevip
        3
    mokevip  
    OP
       Feb 10, 2022 via Android
    @KuroNekoFan 好吧,看来观念要更新了(捂脸)
    mokevip
        4
    mokevip  
    OP
       Feb 10, 2022 via Android
    @seakingii 还有哪些好处呢,目前明显感觉到的可能就是前端写起来比较省事哈哈
    markgor
        5
    markgor  
       Feb 10, 2022 via Android
    @mokevip img 的同时加载才是主要的,另外浏览器依然对加载有并发数量限制。最后小程序只能 https ,并且小程序的前端代码是托管在小程序所在平台的
    0o0O0o0O0o
        6
    0o0O0o0O0o  
       Feb 10, 2022 via iPhone
    http2 可以说已经普及了,现在应该关注 http3 了😂
    https://w3techs.com/technologies/details/ce-http3
    SorcererXW
        7
    SorcererXW  
       Feb 10, 2022
    网页似乎并不能保证浏览器当前建立的连接就是 http2 ,所以兼容 http1/x 的工作还是不能少吧
    Showfom
        8
    Showfom  
    PRO
       Feb 10, 2022
    HTTP/2 都已经出来那么多年了,现在都等着各种 Web 软件开启 HTTP/3 嘿嘿
    ampedee
        9
    ampedee  
       Feb 10, 2022 via iPhone
    你这问题问的有点晚了,现在用的 HTTP1.1 十几年前就已经实现了多路复用……
    jinliming2
        10
    jinliming2  
       Feb 10, 2022
    @markgor 并发数限制在 HTTP/2 下不一样了。
    HTTP/1 下限制连接数是因为 HTTP/1 的特性,单个连接上只能串行传输,要并行传输就得要建立多个 HTTP/TCP 连接,而这个连接是有开销的,并且操作系统对这个也有上限,所以浏览器实现的时候就需要限制连接数。
    但 HTTP/2 不一样了,浏览器针对一个主机始终只建立一个 TCP 连接,在这一个连接上进行多路复用并行传输 HTTP ,所以并发数理论上是无限的了。实际上浏览器端和服务端可以通过 HTTP/2 的 SETTINGS_MAX_CONCURRENT_STREAMS 配置来协商并发数限制。
    KiseXu
        11
    KiseXu  
       Feb 10, 2022
    CDN 还按照次数计费呢
    seakingii
        12
    seakingii  
       Feb 10, 2022
    @mokevip

    1 按次数收费的 API 接口
    2 多一次请求就多一次鉴权
    3 N 次请求不如一次请求来的稳定,比如在不稳定的移动网络下..
    4 万一碰到 H2 用不了,要降级到 H1 的时候,滥用 H2,太多请求就麻烦了
    5 楼下的补充


    个人倾向于每个请求返回合适的数据,不要太多也不要太少.不能因为 H2 功能增强了就滥开连接.
    LeeReamond
        13
    LeeReamond  
       Feb 11, 2022
    @seakingii 问下老哥后端怎么对 h2 进行适配?比如我写一个传统后端,访问路由 /api/a 要进行鉴权,然后业务逻辑,/api/b 也要鉴权再跑业务逻辑,难道用户用 http2 先后请求两个路由可以只进行一次鉴权?那岂不是后端逻辑不按开发者规定工作了
    mokevip
        14
    mokevip  
    OP
       Feb 11, 2022
    @seakingii 好的
    SmiteChow
        15
    SmiteChow  
       Feb 11, 2022
    是的,现在已经不推荐打包了,浏览器的包管理( js/css )已经能用了.
    seakingii
        16
    seakingii  
       Feb 11, 2022
    @LeeReamond 后端并不关心是 H2 还是 H1

    就算是 H2 请求两次路由,也要鉴权两次.所以并不是可以随意将原来一个请求拆分成 N 个子路由

    H2 只是提高 了客户端的连接性能.
    比方说,原来客户端浏览器限制了一个域名只能同时并发 8 个,那么同时只能做 8 件事情.现在上了 H2,可能同样一个浏览器,现在可以同时做 16 或者或者 32 件事情(比如同时下载 18 个 CSS,图像等等)
    LeeReamond
        17
    LeeReamond  
       Feb 12, 2022
    @seakingii 那么是否意味着后端无感知,我只需要 nginx 配置兼容 h2 ,自然就能提高网站的使用体验?不过我看 h2 有一些特殊 headers ,比如冒号开头的 header ,后端我又没写相关逻辑,他怎么处理的。

    我是常年 http1.1 和 1.2 开发的,没在意这些,昨天看到这个帖子后查了查 h2 感觉用户体验提升很大啊
    seakingii
        18
    seakingii  
       Feb 12, 2022
    @LeeReamond

    后端完全不用在意是 H1 还是 H2,不用在意 H2 与 H1 的区别.
    甚至可以:

    浏览器 -> WEB 服务器(比如 NGINX) 是 H2 的,
    WEB 服务 -> 后端 (通过代理) 是 H1 的

    这样的架构问题也不是很大.因为一般来说,后端提供的是业务逻辑,业务逻辑一般相对并发少,但执行相对需要较少时间.这样,就算是 H1,发起 TCP 链接的成功相对后端业务的执行时间来说也没看起来那么高.而且代理服务器与后端服务一般是同一个局域网.



    H2 解决的最大的问题是浏览器对并发的限制.
    1 浏览器对一个域名能发起的请求是有限制的,假设 CHROME 对一个域名同一时间能发起 8 个请求,但你有一个复杂的网页,里面有 10 个 CSS,20 个 JS,100 个图像,那就有得等了,
    2 加上如果 CHROME 和 WEB 服务器距离太远,网络不好的话,发起 TCP 的成本太高了.
    3 每个请求都有大量的头 header

    H2 的改进:
    1 多路复用
    2 原来的文本协议改成二进制协议
    3 头部压缩
    4 server push

    实践中,我就是这么做的,后端独立运行,用 H1,这样不用管证书,用 NGINX 部署证书上 H2,代理对后端的请求
    LeeReamond
        19
    LeeReamond  
       Feb 13, 2022
    @seakingii 感谢,nginx 开启 http2 是不是在协议里同时写 1.1 1.2 1.3 2.0 这就算开启了?
    seakingii
        20
    seakingii  
       Feb 13, 2022   ❤️ 1
    @LeeReamond

    1 首先要确定用的 nginx 有没有带 http2 模块
    2 其次要有 HTTPS 用的 SSL 证书
    3 最后配置里 listen 443 ssl http2;


    再简单点,找个 CDN 来代理,例如 Cloudflare 之类,里面鼠标点点就开启 HTTP2 了..
    BrettD
        21
    BrettD  
       Feb 13, 2022
    @LeeReamond 没听说有实装应用的 HTTP 1.2 、HTTP 1.3 ,你说的是 TLS 1.2 和 TLS 1.3 吧……这个和 HTTP 是两码事
    LeeReamond
        22
    LeeReamond  
       Feb 13, 2022
    @seakingii
    @BrettD 是的,记错了,看了一下 nginx 配置,目前的连接方式是最前面 cf ,然后进 nginx ,nginx 在挂 ssl 的时候已经配置了 http2 ,然后通过 http1.1 接后端。

    请问 cf 怎么设置 http2 相关,翻了半天没找到选项。
    seakingii
        23
    seakingii  
       Feb 13, 2022   ❤️ 1
    @LeeReamond

    新版本的 CloudFlare,左边菜单,网络,打开 H2 和 H3,

    网络
    管理您网站的网络设置。
    HTTP/2
    使用 HTTP/2 加速您的网站


    帮助
    HTTP/3 (使用 QUIC )
    使用 QUIC 加速 HTTP 请求,QUIC 提供比 TCP 和 TLS 更高的加密和性能。
    此设置上次更改时间为 3 个月前
    haoliang
        24
    haoliang  
       Feb 13, 2022
    @ampedee http/1.1 没有 multiplex 吧?顶多是 keep-alive ,顺序收发
    ampedee
        25
    ampedee  
       Feb 13, 2022 via iPhone
    @haoliang 理解有误,感谢指正
    daoqiongsi1101
        26
    daoqiongsi1101  
       Feb 13, 2022
    @ampedee http2 的多路复用和 http1.1 的持久连接是两回事
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   919 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 56ms · UTC 22:33 · PVG 06:33 · LAX 15:33 · JFK 18:33
    ♥ Do have faith in what you're doing.