什么是 fetch-h2
fetch-h2 是一个能够在 node.js 和浏览器中使用的基于 HTTP/2 协议的 fetch API 实现。相比于传统的 fetch 实现，fetch-h2 能够更好地利用 HTTP/2 的并发连接和二进制传输优势，提升请求性能和效率。在前端领域中，HTTP/2 技术已经越来越广泛地应用于提升网站性能、速度和安全性，fetch-h2 作为一个底层的 HTTP/2 实现工具，能够减少开发者在客户端和服务端的开发工作量。
fetch-h2 的安装和使用
在使用 fetch-h2 之前，需要先安装该 npm 包。
npm i fetch-h2
使用 fetch-h2 的方式与传统的 fetch 无异，只需要将 fetch API 替换为 fetch-h2 即可。
const fetch = require('fetch-h2');
fetch('https://your.api.com')
.then(res => res.json())
.then(data => console.log(data))
.catch(err => console.error(err));值得注意的是，fetch-h2 执行请求时需要提供一个正确的 origin 参数，否则会报错。
fetch('https://your.api.com', { origin: 'https://your.api.com' })
.then(res => res.json())
.then(data => console.log(data))
.catch(err => console.error(err));fetch-h2 的高级使用
fetch-h2 不仅仅是个普普通通的 HTTP/2 实现工具，它同时还提供了一些高级的特性，使得开发者能够更加灵活地定制化 HTTP/2 请求。以下是 fetch-h2 的一些高级用法示例：
自定义 http2 库
fetch-h2 的默认实现是使用 node-http2 库，但是开发者可以自己提供一个 http2 实现库。
-- -------------------- ---- -------
----- ----- - ------------------------------
------ -
-------- -------------------------------------
-
---
----------------------------- - ------- ---------------------- --
--------- -- -----------
---------- -- ------------------
---------- -- --------------------HTTP/2 协议设置
开发者可以更改 fetch-h2 的默认 HTTP/2 协议设置，比如最大帧大小、初始窗口大小等。
-- -------------------- ---- -------
----- ----- - ------------------------------
------ -
-------- --------------------------------------
--------- -
------------- ------
------------------ -----
-
-
---
----------------------------- - ------- ---------------------- --
--------- -- -----------
---------- -- ------------------
---------- -- --------------------自定义 TCP 连接
如果开发者想要更好地控制 TCP 连接，比如自定义 TCP 连接的超时时间等，fetch-h2 提供了更底层的 API 实现。
-- -------------------- ---- -------
----- ----- - ------------------------------
------ -
-------- --------------------------------------
----------------- ----------- ------- -- -
----- ------ - -------------
----- ---------------
----- ---------------
-------- ----
---
-- - --- ---------
------ -------
-
-
---
----------------------------- - ------- ---------------------- --
--------- -- -----------
---------- -- ------------------
---------- -- --------------------总结
通过本篇文章的介绍，我们了解到了 fetch-h2 的基本使用方法和高级用法，以及优势所在。fetch-h2 的出现，使得开发者能够更好地利用 HTTP/2 的优势，提升性能和效率，减少重复工作。相信 fetch-h2 将成为未来前端开发的主流工具之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76186