前端使用protobuf

最新推荐文章于 2025-06-11 08:30:12 发布

月儿浅思念深

最新推荐文章于 2025-06-11 08:30:12 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_42825915/article/details/119564331

本文介绍了如何在前端项目中使用protobufjs，包括下载库、创建proto文件夹、转换protobuf文件为js文件，以及如何进行序列化和反序列化的操作。通过参考提供的详细教程链接，读者可以深入理解并实践这一过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

步骤：

1.下载protobufjs

npm install axios protobufjs --save-dev

2.在项目中新建一个proto文件夹用来存放.proto文件

3.将protobuf文件转化为js文件

npx pbjs -t json-module -w commonjs -o src/proto/proto.js src/proto/*.proto

4.protobuf的序列化和反序列化

我的protobuf文件

syntax = "proto3";
package protobuf;

message User {
  int32 id = 1;
  string name = 2;
  int32 age = 3;
}

序列化反序列化代码

import protobuf from "protobufjs";
import protoRoot from '../../proto/proto'//引入上面生成的proto.js文件

protobuf.load("adapter_config.proto", function (err, root) {
        const sendmessage = protoRoot.lookup("User")
        //读取你的protobuf文件的结构中的结构
        const playload ={[id:1,name:'proto',age:23]}
        //输入你想传输的信息  

        const mess