Egret 集成 protobuf 笔记

集成 protobuf 稍微麻烦了点。主要还是网上资料不详细， 走了一些弯路！

已经可以将 .proto 自动生成类。可以在项目中直接引用。记录下过程和大家分享下！

 

集成之前需要安装 node.js  以及 npm 。没有安装的自行安装！

安装完成之后：

## 如何安装

```
npm install [email protected] -g
npm install @egret/protobuf -g
```

## 如何使用

```
# 假设用户有个名为 egret-project 的白鹭项目
cd egret-project
# 将代码和项目结构拷贝至白鹭项目中
pb-egret add
# 将 protofile 文件放在 egret-project/protobuf/protofile 文件夹中
pb-egret generate
# 文件将会生成到 protobuf/bundles 文件夹中

```


## 更新日志

 切换到 自己的 Egret项目根目录 

运行命令

再看我们的 工程路径 已经拷贝成功了

将  .proto 文件添加到 protofile目录中。 下面这个是没有生成之前的结构

执行下生成命令！

这个是生成后的目录结构！

现在基本上就可以在代码中直接引用了！

最后一步： 配置下 egretProperties.json

{
		"engineVersion": "5.1.2",
		"compilerVersion": "5.1.2",
		"template": {},
		"target": {
				"current": "web"
		},
		"modules": [
				{
						"name": "egret"
				},
				{
						"name": "game"
				},
				{
						"name": "tween"
				},
				{
						"name": "assetsmanager"
				},
				{
						"name": "promise"
				},
				{
						"name": "protobuf-library",
						"path": "protobuf/library"
				},
				{
						"name": "protobuf-bundles",
						"path": "protobuf/bundles"
				},
				{
						"name": "protobuf-library",
						"path": "protobuf/library"
				},
				{
						"name": "protobuf-bundles",
						"path": "protobuf/bundles"
				},
				{
						"name": "protobuf-library",
						"path": "protobuf/library"
				},
				{
						"name": "protobuf-bundles",
						"path": "protobuf/bundles"
				}
		]
}

我们来测试下：这个是我们的 .proto 文件

完全可以使用！