CocosCreator protobufjs搭建

如果从来没有使用过protobufjs的同学，建议去官网的github上看一下的里面的Examples（打开网站后，ctrl+f这样搜会比较快）。

这之后，需要把xxx.proto文件放到resources文件夹下，因为这个要动态加载。

至于网上的一些文章，说的是proto2.0的版本，但是现在基本上都是用3.0，接口不一样。

如果项目只需要建立在网站上，而不需要打包成app，那可以用

function callback(err, root) {

};
var url = cc.url.raw("resources/proto/addressbook.proto");
protobuf.load(url, callback);

来解决。

我的文件是放在resources下的proto文件夹里。

如果需要打包成原生app，则：

var url = cc.url.raw("resources/proto/addressbook.proto");
cc.loader.load(url,function(err,tex){
var protobuf = require('protobufjs');
var pr = protobuf.parse(tex);
var Person = pr.root.lookup("com.protobuf.Person");
var PhoneNumber = pr.root.lookup("com.blst.protobuf.Person.PhoneNumber");
var phoneNum = PhoneNumber.create({number:"13811113369"});
var message = Person.create({
name: "names",
id: 100001,
phones:[phoneNum]
});
var buffer = Person.encode(message).finish();

var message1 = Person.decode(buffer);
cc.log(" number = " + message1.phones[0].number);
});
下面是proto 内容
syntax = "proto3";
package com.protobuf;

message Person {
string name = 1;
int32 id = 2;
string email = 3;

enum PhoneType {
MOBILE = 0;
HOME = 1;
WORK = 2;
}

message PhoneNumber {
string number = 1;
PhoneType type = 2;
}

repeated PhoneNumber phones = 4;
}

总的来说，还是第二种方法全面。

文章参考：http://forum.cocos.com/t/cocos-creator-protobuf/48467