cocosCreator中使用Protobuf

准备工具：

1. cocosCreator
2. webStorm或者VSCode
3. 安装node.js
4. 下载protobufjs6.8.6

第一种使用编译文件js(静态)步骤：

   

1. 安装protobufjs到全局
   npm install -g protobufjs
   使用npm install -g 参数将模块安装到全局，目的主要是方便使用protobufjs提供的pbjs命令行工具。pbjs可以将proto原文件转换成json、js等，以提供不同的加载proto的方式，我们可以根据自己的实际情况选择使用，还有pbts，用来将转化后的js文件转为ts
2. 下载protobuf.js（https://www.npmjs.com/package/protobufjs） 

    把下载好的protobuf中这个文件夹下的protobuf.js文件 把这个文件拖到Creator工程中并且导入为插件

    

    

3.创建自己的proto消息文件

   awesomepackage 是自己定义的包名， proto3是用Protobuf3格式

4. 在保存proto文件的目录下打开命令行执行如下命令

 pbjs -t static-module -w commonjs -o proto.js *.proto（这句代码可以将文件中所有的.proto文件转化为一个proto.js文件）

5.然后把proto.js文件放入代码目录中

6.修改proto.js中protobuf的引用（因为protobuf已经被设置为插件了）：

7.测试代码

到这里第一种方式就完成了

 

第二种直接使用.proto(动态)步骤：

1.安装protobufjs到自己的项目下
      npm install protobufjs

       

      

2 .下载protobuf.js（https://www.npmjs.com/package/protobufjs）  

3.创建自己的proto消息文件 （同上）

4.将消息文件.proto放在项目的resources目录里

5.测试代码 

到此第二种方式已经完成

根据自己项目需求来确定用那种方式进行部署protobuf