Cocos Creator TypeScript 中使用ProtoBuf(利用工具把proto文件生成对应的js文件以及ts文件)

最新推荐文章于 2024-08-24 07:09:28 发布
最新推荐文章于 2024-08-24 07:09:28 发布
阅读量1.2w 收藏 12
点赞数 1
分类专栏： cocos creator TypeScript 文章标签： cocos creator protobuf js ts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lluqian/article/details/79942603
版权
本文介绍了在Cocos Creator 1.9环境下，如何利用Node.js和npm命令将proto文件转化为对应的JS和TS文件，以实现代码智能提示并实例化对象。作者分享了遇到的挑战及解决过程，为初学者提供了帮助。
摘要由CSDN通过智能技术生成

我是一枚刚入坑cocos的小白o(╯□╰)o

开发环境：Cocos Creator 1.9   （需要安装Node.js，使用npm命令）

在网上找了很久都是讲的protobuf.js的用法，但是没有找到关于ProtoBuf在 Cocos Creator （TypeScript）的完整开发流程，就是把proto文件生成对应的js类然后再生成ts文件，可以在代码中直接实例化js中对象，并且有代码的智能提示。

（预告）后面我会详细的把整个流程写下来，希望能对刚入坑的小白们能有所帮助

暂时放几张截图：

使用命令生成JS文件，以及TS文件

最低0.47元/天 解锁文章
周瑜不服输
关注
专栏目录
推荐项目：Protobuf-TS —— TypeScript与Protobuf的完美结合
gitblog_00044的博客
04-11 2125
推荐项目：Protobuf-TS —— TypeScript与Protobuf的完美结合 项目地址:https://gitcode.com/gh_mirrors/pr/protobuf-ts 在开发高效率、跨平台的应用程序时，数据序列化和反序列化的工具至关重要。 是一个将Google的Protocol Buffers（简称Protobuf）与TypeScript紧密结合的项目，旨在帮助开发者轻松地...
ts-proto：用于TypeScript的惯用protobuf生成器
02-06
ts-proto ts-proto将您的.proto文件转换为强类型的惯用TypeScript文件！ （请注意，如果您是ts-proto的新用户，并且将现代TS设置与esModuleInterop一起esModuleInterop ，则还需要将其作为ts_proto_opt 。） 目录 总览 ts-proto从protobuf模式生成TypeScript类型。 即给出一个person.proto模式，例如： message Person { string name = 1 ; } ts-proto将生成一个person.ts文件，如下所示： interface Person {
【gRPC】protoc文件转ts文件
无限循环
01-29 1133
资源地址：https://github.com/protocolbuffers/protobuf/releases。根据平台下载不同的安装包。参数，如果非调用全局的。
protoc-gen-grpc-gateway-ts: TypeScript 接口生成器指南
最新发布
gitblog_00451的博客
08-24 774
protoc-gen-grpc-gateway-ts: TypeScript 接口生成器指南 protoc-gen-grpc-gateway-tsprotoc-gen-grpc-gateway-ts is a Typescript client generator for the grpc-gateway project. It generates idiomatic Typescript cl...
proto-to-ts:一个将 *.proto 转换为 *.ts 的简单工具
05-31
pb2ts 将x.proto转换为x.ts的简单工具 用法 npm install -g @indooorsmen/pb2ts@latest pb2ts -f /proto/file/path/x.proto -o /output/path/of/ts/file/x.ts
protobuf生成*.d.ts
angelshooter的专栏
05-28 5222
安装pbjs，需要的环境npm>npm install -g protobufjs脚本参考：```#!/bin/bashpbjs -t static-module -w commonjs -o ./js/生成文件名.js ./protos/*.protopbts -o 生成的文件名.d.ts 文件名.js```...
Protobuf-TS 使用教程
gitblog_01139的博客
08-08 979
Protobuf-TS 使用教程 protobuf-tsProtobuf and RPC for TypeScript项目地址:https://gitcode.com/gh_mirrors/pr/protobuf-ts 项目介绍 Protobuf-TS 是一个用于 TypeScript 的 Protocol Buffers 实现，它包括一个 protoc 插件，用于从 proto 定义文件生成 ...
CocosCreator如何生成protobuf文件工程
02-18
这将生成一个`game_pb.js`（或`game_pb.d.ts`如果选择了TypeScript）文件，该文件包含了在CocosCreator项目中使用的protobuf类。 将生成的文件添加到CocosCreator项目的`src`目录中。现在你可以在CocosCreator的...
Cocos Creator ts版本使用protobuf
qq_40956352的博客
06-19 3023
Cocos Creator ts版本使用protobuf欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示
cocos2d-x .fnt 文件生成工具
04-20
总结来说，`.fnt`文件生成工具是Cocos2d-x游戏开发中的一个重要辅助工具，它帮助开发者定制和优化游戏中的文本显示，提高游戏的视觉质量和运行效率。通过熟练掌握BMFont的使用，可以为游戏带来更丰富的文字表现力。
bplus-protobuf：使用TypeScript编写的符合协议缓冲区3的解析器
02-16
BPLUS-PROTOBUF 用TypeScript编写的符合协议缓冲区3的解析器。 笔记 该项目由GitLab维护： ://gitlab.com/adleatherwood/bplus-protobuf 安装 npm i bplus-protobuf 读取一个原始文件 const content = fs . readFileSync ( "./samples/root/Entities.proto" , { encoding : "utf8" } ) const actual = Proto3 . read ( content ) if ( ! actual . proto ) fail ( "proto not parsed" ) expect ( actual . success ) . toBe ( true ) expect ( actual . proto . m
protobuf代码生成器
08-31
生成protobuf工具类的python脚本，及脚本的使用说明。使用详细方法可以参考引用的文章中介绍的的内容。生成protobuf工具类的python脚本。
protoc-gen-jsonpb-ts：用于生成TypeScript定义的protoc插件
02-13
protoc-gen-jsonpb-ts 这是用于生成TypeScript定义的protoc插件。 特征 根据规范生成TypeScript定义。 （ ） 如果定义了自定义选项，则从方法定义生成请求类（ ） 安装 首先，您需要安装ProtocolBuffers v3.0.0或更高版本。 然后，通过npm安装此插件。 npm install protoc-gen-jsonpb-ts --save-dev 用法 该插件使用。 您应该在原型中定义这些选项。 例子 rpc Method(Request) returns (Response) { option (google.api.http) = { post : "/v1/method" body : "*" }; } 然后，使用protoc命令生成定义。 protoc \ -I submodules/
protobuff 2.5 代码生成器，及使用
11-03
protobuff 2.5 代码生成器，及使用
Mac下 cocos creator 中使用protobuf,JS/TS项目完整流程
Best_Mouse的博客
11-15 1925
Mac下 cocos creator 中使用protobuf,JS/TS项目完整流程 因项目需求，入坑cocos creator,面临的第一个问题就是protobuf的使用，在网上看了很多教程，讲的都已经很完善，但我还是用了两三天才搞出来，这里总结一下经验。 友情提示:JS项目只需看步骤1～4；TS项目需要看全部步骤； 1、准备工作 1)、proto文件 文件名Message.proto: syn...
CocosCreator TypeScript使用protobuf
BORN TO WIN
05-23 5798
开发环境 ：Mac环境 + CocosCreator + TypeScript 使用protobuf 准备工作： 1. CocosCreator 2. WebStorm || VSCode 3. 安装node.js 4. 下载protobufjs6.8.6 命令行安装： 步骤1. 安装homebrew /usr/bin/ruby -e "$(curl -fsSL ht...
cocoscreator使用protobuf(附带转换工具)
公众号 亮亮同学TT
10-16 1909
需要的工具： 安装node.js nodejs地址 下载protobufjs protobufjs地址 操作： 1.安装protobufjs到全局 npm install -g protobufjs 将模块安装到全局方便全局使用protobufjs提供的pbjs命令行工具。 pbjs可以将proto原文件转换成json、js pbts，用来将转化后的js文件转为ts 2.把下载好的protobuf中这个文件夹下的protobuf.js文件 把这个文件拖到Creator工程中并且导入为插件 3.创建.
protobufjs如何把proto转成js，把js转成ts
a331790021的博客
08-24 1725
在项目中要使用websockt实现一个聊天功能，其中要用protobufjs去做序列化。
cocos creator ts使用protobuf
06-03
要在Cocos Creator TypeScript项目中使用Protobuf，您首先需要安装protobuf.js，这是一个用于将Protocol Buffers编译成JavaScript的库。 安装完成后，您需要使用protobuf.js将.proto文件转换成JavaScript文件。您可以使用以下命令： ``` pbjs -t static-module -w commonjs -o yourProtoFile.js yourProtoFile.proto ``` 这将生成一个名为yourProtoFile.js的JavaScript文件，其中包含您的Protocol Buffers消息定义。 接下来，您需要将生成的JavaScript文件添加到您的Cocos Creator TypeScript项目中，并在需要使用它的地方导入它。例如： ``` import { YourMessage } from './yourProtoFile'; ``` 现在，您可以使用YourMessage类来编码和解码您的Protocol Buffers消息。例如： ``` const data = YourMessage.encode(message).finish(); const message = YourMessage.decode(data); ``` 希望这可以帮助您在Cocos Creator TypeScript项目中使用Protobuf。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值