码迷,mamicode.com
首页 > Web开发 > 详细

用Netty和Raphael来写塔防online游戏(二) - JS中使用protobuf协议

时间:2014-08-08 17:43:36      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:des   http   使用   io   strong   文件   for   art   

一. 简单介绍一下protobuf:

Protocol Buffers are a language-neutral, platform-neutral, extensible way of serializing structured data for use in communications protocols, data storage, and more, originally designed at Google .

如今,已经有人用JS实现了protobuf协议,就是ProtoBuf.js,由此可见谷哥的号召力非同一般啊。

ProtoBuf.js同时支持NodeJS和Browser,也就是说,现在我们可以在JS client端使用protobuf!当然,前提是我们使用的是高级浏览器,因为ProtoBuf.js依赖于ByteBuffer.js(一个对ArrayBuffer进行了封装的类库),所以,只能say byebye to IE < 10。

二. 为什么要使用protobuf

举个很简单的例子:

client向server发送这样一个消息,

使用json格式:

{
    "model": "Rusty",
    "vendor": {
        "name": "occume",
        "address": {
            "country": "china"
        }
    },
    "speed": "SUPERFAST"
}
服务端会收到95个字节,
同样的消息,使用protobuf格式:

[10 5 82 117 115 116 121 18 17 10 9 73 114 111 110 32 73 110 99 46 18 4 10 2 85 83 24 2]

服务端收到28个字节

二者的区别显而易见,尤其是在移动端等需要节省流量的地方,protobuf的优势就更不用说了。

三. protobuf的简单用法

依赖以下JS

Long.min.js 可选
ByteBufferAB.min.js

ProtoBuf.min.js

然后需要定义一个proto文件,以官网的为例(complex.proto)。

关键代码:

encode:

var	ProtoBuf = dcodeIO.ProtoBuf,
	Message = ProtoBuf.loadProtoFile("./example.proto").build("Message"),
	Game = ProtoBuf.loadProtoFile("./complex.proto").build("Game"),
	Car = Game.Cars.Car;

var car = new Car({
    "model": "Rusty",
    "vendor": {
        "name": "Iron Inc.",
        "address": {
            "country": "US"
        }
    },
    "speed": "SUPERFAST" // also equivalent to "speed": 2
});

socket.send(car.toArrayBuffer());
decode:
var car = Car.decode(evt.data);
console.log(car.model);

以上是对一个简单的类的encode和decode,在具体的应用中,只需要根据不同的业务需要,编写相对应的proto文件就Ok了。

项目地址:https://github.com/occume/D3000

用Netty和Raphael来写塔防online游戏(二) - JS中使用protobuf协议,布布扣,bubuko.com

用Netty和Raphael来写塔防online游戏(二) - JS中使用protobuf协议

标签:des   http   使用   io   strong   文件   for   art   

原文地址:http://www.cnblogs.com/occume/p/3899601.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!