能搜到这篇文章的码友们基本上都是开发中遇到了需要使用protobuf进行数据传输，如果你对protobuf还一无所知，那么建议你去逛逛别的文章再回头看看，关于protobuf就不过多进行介绍了。
这篇文章主要讲述JavaScript使用protobuf对数据进行反序列化，以及前后端数据传输可能遇到的问题。
JavaScript使用protobuf进行反序列化有两种方法：使用官方的编译器和使用protobuf.js库。

使用官方的编译器

1、定义costmap.proto文件。

比如跟后端定义好的文件如下：

image.png

2、安装ProtoBuf编译器

下载ProtoBuf编译器

从github上下载编译器安装包，https://github.com/protocolbuffers/protobuf/releases

image.png

这里选择window的3.20.0版本下载

image.png

下载后解压是这个样子的

image.png

配置编译器环境

把编译器路径添加到环境变量path，保存重启电脑。

image.png

cmd命令行输入protoc -help检查是否安装成功

image.png

image.png

3、将.proto文件转成js文件

protoc --js_out=import_style=commonjs,binary:. ./src/util/aa.proto

image.png

4、node.js编译aa.js成独立可用的js文件

先安装依赖：
npm install -g require
npm install -g browserify

编写protobuf_export.js文件：

image.png

使用browserify命令生成js文件：

browserify protobuf_export.js -o aa_new.js

生成的文件如下：

image.png