CocosCreator|CocosCreator TypeScript使用protobuf
文章来源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 版权协议,转载请附上原文出处链接及本声明。
【CocosCreator|CocosCreator TypeScript使用protobuf】原文链接:https://blog.csdn.net/xiefeifei316948714/article/details/90481643
推荐阅读
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- iOS中的Block
- Linux下面如何查看tomcat已经使用多少线程
- 使用composer自动加载类文件
- android|android studio中ndk的使用
- 使用协程爬取网页,计算网页数据大小