vue简单使用protobuffer.js

文章介绍了如何使用npmi-gprotobufjs工具将.proto文件转换为JavaScript代码,并详细说明了转换过程,包括指定包装器选项(如CommonJS、AMD、ES6)。在Vite环境下,由于不支持require,需使用ES6包装器。文章还展示了如何利用转换后的库进行数据的序列化和反序列化操作。

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

1.下载
npm i -g protobufjs
2.将.proto转化为js
npx pbjs -t json-module -w commonjs -o src/proto/proto.js src/proto/*.proto
-w, --wrap 指定要使用的包装器,可接受需要自定义包装器的路径。
default 默认包装器支持CommonJS与AMD标准
commonjs CommonJS包装器
amd AMD包装器
es6 ES6包装器
closure 添加到全局protobuf的protobuf.roots上的闭
3.引入
import protobufRoot from “…/protobuf/proto.js”
4.使用
序列化:
let getObCountReq = protobufRoot.lookup(“broadcast_svr_mgr.GetOBCountRequest”)
let req = getObCountReq.create({
roomKey: roomKey(svrType, svrId, roomId, createTime),
})
return getObCountReq.encode(req).finish()
反序列化:
let operationNotifies = protobufRoot.lookup(“broadcast_svr.OperationNotify”).decode(data)

注意事项:使用vite时不能使用require,所以包装器要使用es6

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值