介绍
http-protobuf 是一个基于 protobuf 和 http 协议的库，它能让前端开发者快速的完成前端与后端服务器之间的通信。同时支持 grpc-web，能让前端与后端之间的通信变得更加高效。
安装
在使用 http-protobuf 之前，需要先安装它。可以使用 npm 安装：
npm install http-protobuf
使用
使用 http-protobuf 需要先定义你的 protobuf 数据结构，然后根据它来生成对应的 JavaScript 代码。假设你已经有了一个 todo.proto 文件，那么可以通过以下命令来安装 protobuf 编译器：
npm install protobufjs
接下来在项目中使用 protobuf 编译器生成 JavaScript 代码：
pbjs -t static-module -p path/to/protos -o protos.js path/to/protos/todo.proto
这里需要注意，生成的 protos.js 文件中需要将 generated 条目指定为全局变量，这样才能在后续的使用中使用。
接下来就可以在代码中使用 http-protobuf 库了。
创建一个 HTTP 请求
首先需要创建一个 http-protobuf 的实例：
-- -------------------- ---- ------- ----- ------------ - ------------------------ ----- -------- - --------------------- ----- ------- - ---------------------------- ----- --------- - ----------------------------- ----- ------------------- - ------------------------------------- ----- ------ - --- --------------------- ---- -------- ------------------- --
这里需要注意，需要将你的 proto 文件解析成 file descriptor，然后将它传递给 http-protobuf 的 client。
接下来可以创建 HTTP 请求：
const someMessage = protoFileDescriptor.lookupType('SomeMessage')
const someRequest = someMessage.create({
message: 'hello world'
})
const result = await client.post('/some/api/endpoint', someRequest)接收一个 HTTP 响应
与创建一个 HTTP 请求的过程类似，首先需要创建一个 http-protobuf 的实例，然后使用其提供的方法来接收一个 HTTP 响应：
-- -------------------- ---- ------- ----- ------------ - ------------------------ ----- -------- - --------------------- ----- ------- - ---------------------------- ----- --------- - ----------------------------- ----- ------------------- - ------------------------------------- ----- ------ - --- --------------------- ---- -------- ------------------- -- ----- ----------- - --------------------------------------------- ----- -------- - ----- -------------------------------- ----- ------------ - ----------------------------
这里需要注意，接收到的响应需要解码成相应的消息类型。
示例代码
下面是一个完整示例代码，假设你有一个 todo.proto 文件，并且其中定义了一个 TodoMessage 消息类型：
-- -------------------- ---- ------- ------ - --------- ------- ----- ------- ----------- - ------ ----- - -- ---- --------- - -- -
接下来可以运行以下命令来生成 JavaScript 代码：
pbjs -t static-module -p path/to/protos -o protos.js path/to/protos/todo.proto
这里需要注意，生成的 protos.js 文件中需要将 generated 条目指定为全局变量，这样才能在后续的使用中使用。
下面是完整的使用示例代码：
-- -------------------- ---- -------
----- ------------ - ------------------------
----- -------- - ---------------------
----- ------- - ----------------------------
----- --------- - -----------------------------
----- ------------------- - ------------------------------------
----- ------ - --- ---------------------
---- --------
-------------------
--
----- -------- ---------- -- -
--- -
----- ----------- - --------------------------------------------------
----- ----------- - --------------------
------ --- ---- ------
---------- -----
--
----- -------- - ----- --------------------- ------------
----- ------------ - ----------------------------
-------------------- ------- -------------
- ----- ----- -
--------------------- -- ------ ------- ----
-
-
------------指导意义
http-protobuf 是一个很方便的库，它可以让前端开发者快速的完成前端与后端服务器之间的通信。同时，它也支持 grpc-web，让前端与后端之间的通信变得更加高效。因此，学习和掌握 http-protobuf 是非常有帮助的，将会提升前端开发者的工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600571b881e8991b448e8330