如何在nodejs中体验http/2详解

当我们使用nodejs开发Web应用程序时，常常需要涉及HTTP协议的使用。那么在HTTP/2协议下，如何在Node.js中体验HTTP/2呢？下面提供一份详细的攻略。

1. 判断Node.js版本

在Node.js中使用HTTP/2协议，需要保证Node.js版本在v8.4.0及以上。可以使用以下命令来判断当前Node.js版本：

node -v

2. 安装openssl依赖

HTTP/2 协议必须在 SSL/TLS 加密的网络连接上才能运行。因此，我们需要安装OpenSSL库。可以在MacOS中使用brew命令来安装：

brew install openssl

在Linux中使用apt-get命令来安装：

sudo apt-get install openssl

3. 创建密钥与证书

创建TLS证书和密钥是使用HTTP/2的前提条件之一。

在命令行中输入以下命令生成私钥，为了安全，私钥需要保护密码：

openssl genrsa -des3 -out server.key 2048

接着，使用以下命令生成解密私钥密码所需的文件：

openssl rsa -in server.key -out server.key

生成证书签名请求(CSR)

openssl req -new -key server.key -out server.csr

生成自签名证书：

openssl x509 -req -days 365 -in server.csr -signkey server.key -out server.crt

4. 使用Node.js创建HTTP/2服务器

使用如下命令安装http2模块：

npm install http2

接着，在Node.js中调用http2模块并创建一个从HTTP/2协议创建的服务器：

const http2 = require('http2');
const fs = require('fs');

const options = {
  key: fs.readFileSync('server.key'),
  cert: fs.readFileSync('server.crt'),
  allowHTTP1: true
};

http2.createSecureServer(options, (req, res) => {
  res.setHeader('Content-Type', 'text/html');
  res.write('<html><body><h1>Hello World!</h1></body></html>');
  res.end();
}).listen(443);

在上述代码中，我们通过指定key和cert选项，加载我们创建的密钥和证书。通过createSecureServer方法创建HTTPS服务器，allowHTTP1选项允许客户端通过HTTP/1.1连接连接到我们的服务器。

5. 测试HTTP/2

使用HTTPS访问我们的Node.js服务器，可以通过浏览器或者curl命令来测试HTTP/2。

使用浏览器直接输入HTTP/2的地址，例如：

https://localhost/

在浏览器的地址栏中输入上述命令，我们就可以看到页面被正确地渲染出来了。可以在浏览器的开发者工具中，Network选项卡查看HTTP/2协议通信的请求和响应明细。

可以在命令行中安装并使用curl命令使用HTTP/2：

curl -I --http2 https://localhost/

使用‘-I’命令行选项来查看HTTP状态码，‘--http2’命令选项来指定使用HTTP/2协议。

至此，我们已经成功地在Node.js中体验HTTP/2协议。

6. 示例说明

下面是两个示例说明，一个可以通过GET方法获取HTTP/2服务器端资源，另一个可以通过POST方法上传二进制数据。

GET请求

const http2 = require('http2');
const fs = require('fs');

const options = {
  key: fs.readFileSync('server.key'),
  cert: fs.readFileSync('server.crt'),
  allowHTTP1: true
};

const server = http2.createSecureServer(options,(req, res) => {

  if (req.method === 'GET') {
    res.setHeader('Content-Type', 'text/html');
    res.write('<html><body><h1>Hello World!</h1></body></html>');
    res.end();
  } else {
    res.statusCode = 405;
    res.setHeader('Allow', 'GET');
    res.end('Method Not Allowed');
  }

}); 

server.listen(443);

在这个示例代码中，我们通过检查请求方法，如果请求方法是“GET”，我们就是返回一个HTML页面，否则会返回“Method Not Allowed”错误信息。

在命令行终端中输入以下命令来运行该示例：

node getrequest.js

POST请求

const http2 = require('http2');
const fs = require('fs');

const options = {
  key: fs.readFileSync('server.key'),
  cert: fs.readFileSync('server.crt'),
  allowHTTP1: true
};

const server = http2.createSecureServer(options, (req, res) => {

  if (req.method === 'POST') {
    let chunks = [];
    const contentType = req.headers['content-type'];

    req.on('data', chunk => {
      chunks.push(chunk);
    });

    req.on('end', () => {
      const data = Buffer.concat(chunks).toString('utf8');

      if (contentType === 'application/json') {
          let parsedData = JSON.parse(data);
          res.setHeader('Content-Type', 'text/plain');
          res.statusCode = 200;
          res.end(`Hello, ${parsedData.name}!`);
        } else {
          res.setHeader('Allow', 'POST');
          res.statusCode = 415;
          res.end('Unsupported Media Type: ' + contentType);
        }
    });
  } else {
    res.setHeader('Allow', 'POST');
    res.statusCode = 405;
    res.end('Method Not Allowed');
  }
});

server.listen(443);

在这个示例中，我们首先检查POST请求的请求头，如果请求头被设置为应用程序的JSON格式，我们将返回一个简单的问候与用户的姓名，否则会返回错误信息“Unsupported Media Type”。