文章来源 https://blog.csdn.net/xiefeifei316948714/article/details/90481643
开发环境 ： Mac环境 + CocosCreator + TypeScript 使用protobuf
准备工作：
1. CocosCreator
2. WebStorm || VSCode
3. 安装node.js
4. 下载protobufjs6.8.6
命令行安装：
步骤1. 安装homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
步骤2. 安装node.js npm 【npm 其实就是Node.js的包管理工具(Node Package Manager)】
brew install node
或者官网下载安装 ： https://nodejs.org/en/#download
步骤3. 安装protobfujs到全局
npm install -g protobufjs 注意：这个命令会安装最新版本
目的是方便使用protobufjs提供的pbjs工具。pbjs可以将proto原文件转换成json、js等，以提供不同的加载proto方式。还有pbts，用来将转化后的js文件转为ts。
步骤4.找到下载的protobuf.js
path: /usr/local/lib/node_modules/protobufjs/dist
将protobuf.js拖到creator工程中并导入为插件
步骤5.在保存.proto文件的目录下打开命令行执行命令：
pbjs -t static-module -w commonjs -o proto.js *.proto
这行命令是将文件中所有的 .proto 文件转化为一个 proto.js 文件
步骤6. 将proto.js文件放入代码目录中
步骤7. 修改 proto.js 文件中的引用
因为protobuf已经被设置为插件了。
步骤8. 如果使用 TS 格式，可以通过 protobufjs6 新功能来实现
pbts -o proto.d.ts proto.js
会生成对应的 proto.d.ts文件。注意：这里proto.d.ts一定要有.d
测试使用：
v6.x的做法
let req = HeartBeatReq.create({param1: 1, param2: 2});
let buffer = HeartBeatReq.encode(req).finish();
socket.send(buffer, MsgID);
注意：以上是version 6.x版本使用protobufjs的实现
5.x 版本请看下面的使用步骤
步骤3. 下载protobufjs 5.x 版本
npm install -g protobufjs@5 注意：version 6.x版本接口变化太大，使用这个命令安装版本5.x
步骤4.同上述步骤4
步骤5. 使用命令行将所有的 .proto文件生成一个game.js文件
pbjs -t commonjs *.proto > game.js
步骤6. 通过ts脚本文件，加载到程序中
import * as game from "./game"
export var proto: any = null;
export default class ProtoManager {
private static ins: ProtoManager;
public static get I(): ProtoManager {
if (!ProtoManager.ins) {
ProtoManager.ins = new ProtoManager();
}
return ProtoManager.ins;
}
public initCommon() {
if (!proto) {
proto = game['protos'];
}
}
}
v5.x做法
let req = new proto["HeartbeatReq"];
req.msec = MKUtils.getCurrentTime();
this.m_socket.send(req.toArrayBuffer(), MsgID);
————————————————
版权声明：本文为CSDN博主「jff316948714」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/xiefeifei316948714/article/details/90481643
