Cocos Creator ts版本使用protobuf

最新推荐文章于 2024-08-08 08:31:28 发布
最新推荐文章于 2024-08-08 08:31:28 发布
阅读量3k 收藏 12
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40956352/article/details/106833613
版权
本文介绍了如何在Cocos Creator中使用protobuf的TypeScript版本。首先，确保准备了Cocos Creator、VSCode和node.js。接着，全局安装protobufjs 6.8.6，通过`pbjs`命令将.proto文件转换为.js文件，再用`pbts`将.js文件转为.ts文件。最后，将转换后的文件引入到Cocos Creator项目中，经过测试，该方法在手机上也能正常运行。
摘要由CSDN通过智能技术生成

Cocos Creator ts版本使用protobuf

cocosCreator中使用Protobuf（ts版本)使用
说明：文章转载自蜡笔小刘 我这里只是验证并记录一下
proto文件格式：pro1.jpeg

准备工具：

cocosCreator和VSCode
安装node.js
下载protobufjs6.8.6

步骤：

安装protobufjs到全局

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

如图所示：image.png
把这个文件拖到Creator工程中并且导入为插件（记得勾上允许编译器加载）

最低0.47元/天 解锁文章
丿丶淡忘
关注
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 {
在cocos creator TS 中如何使用protobuf(自动化，评论中有)
nsqks的博客
02-20 1756
// account.proto package protoTest; //角色对象 message Player { optional int64 id = 1; optional string name = 2; optional int32 level = 3;//等级 } npm install protobufjs -g // 全局安装，注：项目中安装也可以，在执行下面命令的时候，指明相对路径 // 并将安装后的目录下的dist/protobuf.js拖到cocos cr
推荐项目：Protobuf-TS —— TypeScript与Protobuf的完美结合
gitblog_00044的博客
04-11 2063
推荐项目：Protobuf-TS —— TypeScript与Protobuf的完美结合 protobuf-tsProtobuf and RPC for TypeScript项目地址:https://gitcode.com/gh_mirrors/pr/protobuf-ts 在开发高效率、跨平台的应用程序时，数据序列化和反序列化的工具至关重要。 是一个将Google的Protocol Buffe...
Protobuf-TS 项目教程
最新发布
gitblog_01112的博客
08-08 402
Protobuf-TS 项目教程 protobuf-tsProtobuf and RPC for TypeScript项目地址:https://gitcode.com/gh_mirrors/pr/protobuf-ts 1. 项目的目录结构及介绍 Protobuf-TS 项目的目录结构如下： protobuf-ts/ ├── packages/ │ ├── benchmarks/ │ ├...
TS项目中使用Protobuf的解决方案
woaitingting1985的博客
08-26 3175
H5因为Adobe放弃对Flash Player的维护而又一次火热起来。 目前有laya和egret两个H5游戏引擎，支持AS3、TS、JS三种语言开发。 用H5开发游戏，绕不开与服务器的传输。流行的解决方案就是用protobuf。而JS也有protobuf。我的项目用的是Laya引擎的TS版本，可惜搜索整个网络还没找到TS版本的protobuf，只好用JS版本的了。 protobufjs有3中使用方式，实时解析方式、json解析方式、静态代码方式（事先导出proto的js文件）。 那么三种方式，可想而知
Buf 教程 - 使用 Protobuf 生成 Golang 代码和 Typescript 类型定义
Avtionの秘密房间
05-07 3660
Buf 是一款更高效、开发者友好的 Protobuf API 管理工具，不仅支持代码生成，还支持插件和 Protobuf 格式化。 我们可以使用 Buf 替代原本基于 Protoc 的代码生成流程，一方面可以统一管理团队 Protoc 插件的版本、代码生成配置，另一方面可以简化项目开发配置。 本文将会用两部分内容来简述 Buf 的使用流程，涵盖 Golang 服务端开发和前端开发的内容。
JS/TS项目中使用websocket与protobuf
油墨香^-^的博客
08-10 1745
本文介绍了在JS/TS项目中使用WebSocket与Protobuf进行通信和数据传输的方法。通过WebSocket实现实时双向通信，通过Protobuf实现数据的序列化和反序列化，结合二者可以实现高效的通信和数据传输。
ts+ws+protobuf
时丶光
04-14 378
编译proto文件成js文件。
egert 使用 protobuf
05-23
npm install -g protobufjs protoc-gen-ts ``` 2. **定义消息类型**：创建一个.proto文件，例如`message.proto`，并定义你的消息结构。例如： ```proto syntax = "proto3"; package example; message ...
egret_protobuf:egret白鹭引擎protobuf 静态解析使用 TS中使用protobuf
05-16
在TypeScript中使用Protobuf，你需要先安装protobufjs库，这是一个流行的JavaScript实现的Protobuf库，兼容浏览器和Node.js环境。你可以通过npm进行安装： ```bash npm install protobufjs --save ``` 接着，你...
proto-to-ts:一个将 *.proto 转换为 *.ts 的简单工具
05-31
pb2ts 将x.proto转换为x.ts的简单工具用法npm install -g @indooorsmen/pb2ts@latestpb2ts -f /proto/file/path/x.proto -o /output/path/of/ts/file/x.ts
libsignal-protocol-protobuf-ts:TypeScript包装的Protobuf，用于Signal消息
04-06
信号协议TypeScript库的协议缓冲区 用于信号协议协议缓冲区消息的TypeScript编码器和解码器。 安装 要安装，只需使用您喜欢的软件包管理器： yarn add @privacyresearch/libsignal-protocol-protobuf-ts 然后，您可以按以下方式导入对象： import { PreKeyWhisperMessage , WhisperMessage } from '@privacyresearch/libsignal-protocol-protobuf-ts' 导入后，这些对象可用于创建，编码和解码协议缓冲区消息。 要创建一个空消息，请使用fromJSON方法，如本例所示： const msg = WhisperMessage . fromJSON ( { } ) 创建后，设置字段并调用encode以创建协议缓冲区消息： // He
websocket-protobufs-ts-experiments:在Typescript中使用协议缓冲区和WebSocket进行实验
05-15
您需要全局安装的protobufjs和proto2typescript： npm install protobufjs -g npm install proto2typescript -g 要启动服务器，请发出 cd backend mvn jetty:run 要启动客户端，请发出 cd client npm install ...
CocosCreator如何生成protobuf文件工程
02-18
这将生成一个`game_pb.js`（或`game_pb.d.ts`如果选择了TypeScript）文件，该文件包含了在CocosCreator项目中使用的protobuf类。 将生成的文件添加到CocosCreator项目的`src`目录中。现在你可以在CocosCreator的...
ts+protobuf+ReconnectingWebSocket
zyh2525246的博客
01-17 457
第三步：生成对应的js以及ts文件。第二步：创建proto后缀文件。
cocoscreator使用protobuf(附带转换工具)
公众号 亮亮同学TT
10-16 1896
需要的工具： 安装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.创建.
Protobuf-TS 使用教程
gitblog_01139的博客
08-08 925
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
GFanStudio的专栏
01-19 2023
CocosCreator如何使用protobuf、protobuf如何转换为ts和js、proto文件转换为ts和js脚本、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。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值