在cocos creator中使用protobufjs(三)

在cocos creator中使用protobufjs（一）
在cocos creator中使用protobufjs（二）
通过前面两篇我们探索了如何在creator中使用protobuf，并且让其能正常工作在浏览器、JSB上，最后聊到protobuf在js项目中使用上的一些痛点。这篇博文我要把这些痛点一条一条地扳开，分析为什么它让我痛，以及我的治疗方案。

一、proto文件的加载问题

我遇到的第一个痛点就是proto文件的加载问题。有人可能会问，前面不是讲了怎么加载方法很简单的：

...
let builder = new protobuf.Builder();
protobuf.loadProtoFile('aaa.proto', builder);
protobuf.loadProtoFile('bbb.proto', builder);
...

protobufjs是一个很优秀的库，他提供的loadProtoFile接口简单直接，但是在真实的项目开发中会像是上面这样的吗？proto文件是一开始就设计好了，固定不变的吗？文件名会修改吗？文件会新增、删除吗？

痛点分析

我只有第一天在cocos-js项目中使用proto时是将一个一个的proto文件名写死在loadProtoFile的参数中的，因为那是我中途参与的项目，当时我就发现了问题：
1. 路径名、文件较长容易写错字。
2. 项目开发中协议会不断新增，会写漏，少加载了proto文件。
3. 某些原因会修改proto文件名，原来加载的没及时修改，加载时会出错。
4. 人工手写这个加载文件会很累，效率低下，容易出错，在文件众多的情况下极度消耗脑细胞。

解决办法

编写代码来生成代码

我的解决办法是编写一个程序，扫描proto文件目录，生成一个文件列表的数组，从而完全解放人工操作。

//protoFiles.js 用脚本自动生成的文件
module.exports = [
  res/proto/aaa.proto,
  res/proto/bbb.proto,
  res/proto/zzz.proto,
  res/proto/login/xxx.proto
  ...
]

//pbhelper.js 编写一个加载器
let protoFiles = require('protoFiles'); //导入自动生成的proto文件列表
...
loadProtoFile() {
    let builder = new protobuf.Builder();
    //遍历文件名，逐一加载
    protoFiles.forEach((protoFile) => {
        protobuf.loadProtoFile(protoFile, builder);
    })
    ...
}

从此再也不用担心proto文件加载方面的问题了。

解放更多人工操作

在编写proto扫描脚本的同时，还可以将proto文件同步到自己的工程目录中，以解决proto文件的手工复制粘贴问题，如果你还要更进一步，还可以将svn/git的拉取给做了。
总结一下脚本要做的事：

1.从svn或git获取最新的proto文件࿰