简单配置 http2 和 node.js

2023年6月10日 325次阅读 来源: HTTP

HTTP/2是基于Google的SPDY协议为基础开发的新的web协议。HTTP/2算是从1991年以来HTTP的第一次重大升级。 Yahoo 旗下的
Flickr 貌似在2016年7月开始用上了HTTP2，如图
《简单配置 http2 和 node.js》 虽然 HTTP/2 是基于 SPDY 协议开发的，但是两者还是有不同点的：

  1. HTTP/2支持明文的HTTP传输，但是SPDY强制要求使用HTTPS
  2. HTTP/2 消息头的压缩算法采用 HPACK，而非 SPDY 采用的 DEFLATE

HTTP2的优势：

  • 多路复用：在一个TCP连接中将所有请求并发完成。
  • 服务端推送：服务端可以在客户端确认需要资源(js css)之前把资源推送到客户端，而不是客户端解析了HTML之后再做请求
  • 数据流优先(Stream priority)：HTTP/2采用二进制格式传输数据，而不是HTTP/1.x的那种文本格式。
  • 报头压缩：HTTP/2对报头采用 HPACK 算法进行压缩后传输，节省流量。
  • 强制加密：虽然加密不是强制的，但是多数浏览器都是通过TLS(HTTPS)实现的HTTP/2

因为我们基于node实现的h2用的是spdy模块，所以必须建立在https的基础上，先生成自签名的证书

$ mkdir h2-node
$ cd h2-node
$ openssl genrsa -des3 -passout pass:x -out server.pass.key 2048 
$ openssl rsa -passin pass:x -in server.pass.key -out server.key
$ openssl req -new -key server.key -out server.csr
# ...
# 输入证书相关信息（随意填写）
# ...
$ openssl x509 -req -sha256 -days 365 -in server.csr -signkey server.key -out server.crt
$ rm server.pass.key

初始化 package.json 文件并添加 spdy 和 express 模块

npm init npm i express spdy --save

新建一个 index.js 文件作为应用入口

const spdy = require('spdy');
const express = require('express');
const path = require('path');
const fs = require('fs');

添加 express 并配置路由

const port = 3000;
const app = express();

app.get('*', (req, res) => {
    res
      .status(200)
      .json({error: 0, msg: "http2 OK"});
})

加载https的证书

const options = {
    key: fs.readFileSync(__dirname + '/server.key'),
    cert:  fs.readFileSync(__dirname + '/server.crt')
}

最后 spdy创建服务器，并加载 ssl 配置和 express 实例

spdy
  .createServer(options, app)
  .listen(port, (error) => {
    if (error) {
      console.error(error)
      return process.exit(1)
    } else {
      console.log('Listening on port: ' + port + '.')
    }
  })

执行
node index.js 然后访问
《简单配置 http2 和 node.js》 因为浏览器默认情况下不信任自签名的证书，所以这里点击
继续前往localhost（不安全） 即可
《简单配置 http2 和 node.js》 代码地址:
github.com/ccforward/c…

    原文作者：HTTP
    原文地址: https://juejin.im/entry/57f3a546da2f60004f6eebbc
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞