egret项目中使用protobufjs

2021-06-29 03:03

阅读:662

标签:Once   protobuf   names   tps   ace   red   本地   toc   asi   

Protobuf 介绍

Protocol buffers are Google‘s language-neutral, platform-neutral, extensible mechanism for serializing structured data – think XML, but smaller, faster, and simpler. You define how you want your data to be structured once, then you can use special generated source code to easily write and read your structured data to and from a variety of data streams and using a variety of languages. 【来自Protocol Buffers
介绍】

集成protobuf文件

在工程根目录下新建 tool 文件夹,其下主要安装工程所需各种 npm 包,用于将 .proto 文件生成对应 .js 和 .d.ts 文件。

进入 tool 文件夹下,运行以下命令:

npm init -y

npm i protobufjs

npm i @egret/protobuf

因为我们是将 protobufjs@egret/protobuf 安装到本地工程,没有全局安装,所以需要在 tool/package.json 下加上以下命令:

技术图片

然后在 tool 目录下,运行 npm run add

技术图片

在工程目录下,我们可以看到新增了一个 protobuf 文件夹。

.proto 文件就是放在 protobuf/protofile 下的,当运行 npm run generate 时,.proto 就会在 protobuf/bundles 下生成对应的 .js 和 .d.ts 文件。

技术图片

技术图片

使用

因为在 message.proto 中定义了 package msg,所以在生成的 .js 和 .d.ts 文件中会有一个 namespace msg

技术图片

技术图片

如上两图所示,在工程中使用 protobuf 就是如此简单。

当然了,使用 protobuf 就是为了跟后端交互更加方便,关于 protobuf 在前后端交互中的使用且听下文分解。

egret项目中使用protobufjs

标签:Once   protobuf   names   tps   ace   red   本地   toc   asi   

原文地址:https://www.cnblogs.com/AuKing/p/14941901.html


评论


亲,登录后才可以留言!