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

最新推荐文章于 2025-07-03 20:09:06 发布

原创

最新推荐文章于 2025-07-03 20:09:06 发布 · 1.2w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#cocos creator #protobuf #js #ts

本文介绍了在Cocos Creator 1.9环境下，如何利用Node.js和npm命令将proto文件转化为对应的JS和TS文件，以实现代码智能提示并实例化对象。作者分享了遇到的挑战及解决过程，为初学者提供了帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

暂时放几张截图：

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

//proto文件生成一个js文件
e:\workspace\StudyTypeScript\node_modules\.bin>pbjs -t static-modu

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

周瑜不服输

关注关注

1
点赞
踩
12

收藏

觉得还不错? 一键收藏
7
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【gRPC】protoc文件转ts文件

无限循环

01-29

1618

资源地址：https://github.com/protocolbuffers/protobuf/releases。根据平台下载不同的安装包。参数，如果非调用全局的。

gitblog_00044的博客

04-11

3093

7 条评论您还未登录，请先登录后发表或查看评论

工作笔记：protobufjs使用教程，支持proto文件打包成typescript或javascript脚本

u014701196的博客

04-24

9964

protobufjs使用教程，支持proto文件打包成typescript或javascript脚本准备工具： 1.nodejs:如果您的电脑未安装nodejs，请安装nodejs 安装教程可参考 https://www.runoob.com/nodejs/nodejs-install-setup.html 2.pbjs：用于将proto文件打包成typescript或javascript脚本一.使用nodejs包管理器npm安装pbjs工具成功安装nodejs后，使用Win+R快捷键打开window

Protobuf在游戏开发中的应用：TypeScript + Golang 实践

最新发布

qq_16827895的博客

07-03

641

本文介绍了如何在游戏开发中使用Protobuf进行高效通信，结合TypeScript前端和Golang后端的实践方案。主要内容包括：Protobuf的优势（高效二进制编码、强类型定义、跨语言支持）、环境搭建步骤、.proto文件定义规范、Golang后端实现方法（代码生成和服务器搭建）、TypeScript前端集成方式，以及在Cocos Creator游戏引擎中的应用。通过Protobuf替代传统JSON通信，可以显著提升游戏性能和开发效率，同时保证类型安全和良好的向后兼容性。

protobuf生成*.d.ts

angelshooter的专栏

05-28

5396

安装pbjs，需要的环境npm>npm install -g protobufjs脚本参考：```#!/bin/bashpbjs -t static-module -w commonjs -o ./js/生成文件名.js ./protos/*.protopbts -o 生成的文件名.d.ts 文件名.js```...

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 {

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

CocosCreator如何生成protobuf文件工程

02-18

这将生成一个`game_pb.js`（或`game_pb.d.ts`如果选择了TypeScript）文件，该文件包含了在CocosCreator项目中使用的protobuf类。将生成的文件添加到CocosCreator项目的`src`目录中。现在你可以在CocosCreator的...

CocosCreator使用 ProtoBuf WebSocket与服务器对接方法

zhengjuqiang的博客

08-08

747

在 Cocos Creator 中使用 .proto 文件和转换成 TypeScript（TS）两者各有其优缺点，具体选择取决于你的项目需求和团队的开发习惯。与 Cocos Creator 的集成：Cocos Creator 原生支持 TypeScript，使用 TS 可以更好地与引擎的 API。开发体验：TypeScript 提供了强大的 IDE 支持，包括类型检查、自动补全和重构工具，这些都可以提高开发效率。高效序列化：protobuf 的序列化和反序列化速度非常快，数据体积小，适合网络传输。

Cocos Creator前端TS +webSocket+protoBuf

qq_39258590的博客

01-03

2954

import { app } from "../tools/config"; import { ISendDelegate, IReceiveDelegate } from "./delegate"; import { initSender } from "./send"; import { initReceiver } from "./receive"; import { events, Ev...

websocket+protobuf+cocos creator+客户端+服务端

04-04

开发者首先定义.proto文件，其中包含了数据结构的描述，然后分别在C++（服务端）和客户端使用的语言（可能是JavaScript，因为Cocos Creator主要基于Web）中生成对应的编码和解码函数。这样，客户端和服务端就可以...

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/

【亲测免费】 Protobuf-TS 使用教程

gitblog_01139的博客

08-08

1757

Protobuf-TS 使用教程项目介绍 Protobuf-TS 是一个用于 TypeScript 的 Protocol Buffers 实现，它包括一个 protoc 插件，用于从 proto 定义文件生成 TypeScript 代码，以及一些运行时库，这些库被生成的代码使用以保持代码大小较小。生成的代码除了运行时库（@protobuf-ts/runtime）外没有其他依赖，并且严格遵循 pr...

Cocos Creator ts版本使用protobuf

qq_40956352的博客

06-19

3277

Cocos Creator ts版本使用protobuf欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示

CocosCreator TypeScript使用protobuf

BORN TO WIN

05-23

6007

开发环境：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

2050

需要的工具：安装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

1927

在项目中要使用websockt实现一个聊天功能，其中要用protobufjs去做序列化。

CocosCreator生成protobuf工程的方法与实践

CocosCreator是一款由Cocos引擎出品的2D/3D游戏开发工具，它支持使用TypeScript或JavaScript等编程语言进行游戏开发。当开发跨平台的游戏时，经常需要处理不同平台间的数据交互，这时候就需要一种语言无关、平台无关...