protobufjs简单使用

JavaScript012

protobufjs简单使用,第1张

补充一下上一篇随笔 https://www.jianshu.com/p/563251694182 的一点内容：一定要用 google.golang.org/protobuf/proto 全部替换 github.com/gogo/protobuf/proto ，假如不替换，服务无法正常解析protobuf的。

protobufjs（ https://github.com/protobufjs/protobuf.js ）可以让我们再浏览器中使用protobuf，下面的例子是如何在普通页面中，直接使用protobufjs。

全局安装protobufjs，使用pbjs直接生成proto文件对应的js protobuf描述文件，这样就可以在普通页面中直接使用了。

1. 安装protobuf转换 npm i protobufjs

2. 在src目录结构下建一个文件夹proto（叫什么名字都行）

3. 将.proto文件拷贝到proto文件夹下  

4. 在package.json文件中添加proto生成命令

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

5. 然后在CMD中进入本项目文件夹执行npm run proto即可在proto文件夹下生成proto.js文件

6. 如果proto.js在使用时出现报错问题是因为导出语法问题，改成<kbd>export default</kbd>即可

7. 如有疑问可以留言