egret5.x修改了第三方库的导入方式,新建项目的index.html再也看不到任何库的预留位置。取而代之,从manifest.json去读取并加载库和游戏文件。因此,这里的配置已经不能像之前项目非标准的配置方式了,所有的库都要在egret项目下egretProperties.json文件中去配置。
protobuf的API发生了翻天覆地的改变,因此需要重新熟悉,不过好在有熟悉起来也不难。现在也不需要再去为再egret中使用自己去写.d.ts声明了,在库下index.d.ts已经写好了。我们只需要拷贝到项目中使用即可。
在egret中,我在libs下创建一个protobuf文件夹,然后将index.d.ts拷贝到里面,并改名为protobuf.d.ts,再将protobuf库下dist目录中将protobuf.js和protobuf.min.js文件拷贝到这里。然后在项目下egretProperties.json配置protobuf库,如下{ "native": { "path_ignore": [] }, "publish": { "web": 0, "native": 1, "path": "bin-release" }, "egret_version": "5.0.7", "template": {}, "modules": [ { "name": "egret" }, { "name": "game" }, { "name": "tween" }, { "name": "res" }, { "name": "promise", "path": "./promise" }, { "name": "protobuf", "path": "./libs/protobuf" } ]
然后在resource/assets下创建一个proto文件夹,专门存放proto,在这里我创建了一个login.proto
syntax = "proto2";package login;message Login { required string account = 1; required string password = 2;}message createRole { required string name = 1; required int sex = 2;}
然后在default.res.json中配置,这里我就配成预加载了,当然每个项目的处理不一样,这就仁者见仁智者见智了
{ "groups":[ { "keys":"bg_jpg,egret_icon_png,description_json,login_proto", "name":"preload" }], "resources":[ { "name":"bg_jpg", "type":"image", "url":"assets/bg.jpg" }, { "name":"egret_icon_png", "type":"image", "url":"assets/egret_icon.png" }, { "name":"login_proto", "type":"text", "url":"assets/proto/login.proto" }, { "name":"description_json", "type":"json", "url":"config/description.json" }]}
然后开始在Main.ts中编写代码,在createGameScen中编写了如下测试代码
let ProtoBufRoot = new protobuf.Root();let loginStr:string = RES.getRes("login_proto");protobuf.parse(loginStr, ProtoBufRoot);const Login = ProtoBufRoot.lookupType("login.Login"); let message = Login.create({ account: "qiu" , password: "204qiu"});console.log(`message = ${JSON.stringify(message)}`); let buffer = Login.encode(message).finish();console.log(`buffer = ${Array.prototype.toString.call(buffer)}`); let decoded = Login.decode(buffer); console.log(`decoded = ${JSON.stringify(decoded)}`);
一般我都会将ProtoBufRoot作为全局存放,这样引用方便,所以首字母大写了。当然我自己也是将其作为全局存放的,这里为了不将代码分散看起来凌乱,放在一起方便查看,只是抛砖引玉。
编译运行即可看到编码和解码的结果message = {"account":"qiu","password":"204qiu"}buffer = 10,3,113,105,117,18,6,50,48,52,113,105,117decoded = {"account":"qiu","password":"204qiu"}