教程目录
一 protobuf简介
二 使用protobuf
三 Demo下载

参考:

CSDN:Egret项目中使用protobuf(protobufjs)

TS项目中使用Protobuf的解决方案(babel)

在cocos creator中使用protobufjs

layabox:网络和格式--ProtocolBuffer

egret protobuf(egret官方提供的工具,自动配置和生成)

protobuf简介
百度百科:protocolbuffer(以下简称PB)是google 的一种数据交换的格式,它独立于语言,独立于平台。google 提供了多种语言的实现:java、c#c++、go 和 python,每一种实现都包含了相应语言的编译器以及库文件。由于它是一种二进制的格式,比使用xml 进行数据交换快许多。可以把它用于分布式应用之间的数据通信或者异构环境下的数据交换。作为一种效率和兼容性都很优秀的二进制数据传输格式,可以用于诸如网络传输、配置文件、数据存储等诸多领域。

参考:protocol buffer_百度百科  中重度游戏开发框架:EGER PRO开发教程
google_protobuf数据类型

使用protobuf
1  导入第三方库
我直接把protobuf第三方库放在了项目中..

修改egretProperties.json文件,增加protobuf库。添加完成后,需要编译引擎。

2 编写protobuf文件
新建一个文件template.proto
我这里编写一个测试用数据,user_login

3 加载protobuf文件

注意类型要是text

4 使用protobuf
读取template_proto文件

[C++] 纯文本查看 复制代码
1
var message = dcodeIO.ProtoBuf.loadProto(RES.getRes("template_proto"));

新建一个user_login类

[AppleScript] 纯文本查看 复制代码
1
2
3
4
var user_login_class = message.build("user_login");
var user_login = new user_login_class();
user_login.userId = 123;
user_login.userName = "peter";

将user_login转成字节

[C#] 纯文本查看 复制代码
1
var bytes = user_login.toArrayBuffer();

socket发送user_login

[C#] 纯文本查看 复制代码
1
2
3
var socket:egret.WebSocket = new egret.WebSocket();
socket.writeBytes(bytes);
socket.flush();

接收数据的处理

//接收服务端数据(假设byteArray是服务端websocket接收数据)
var revData:egret.ByteArray = byteArray; //读取数据
var user_login = user_login_class.decode(revData.buffer);
console.log("接收数据:", user_login);

  

三 Demo下载

其他:

1、怎么自动将.proto文件导出成ts文件?有没有现成工具?

比如一个.proto文件里有

message user_login{
required int32 userId = 1;
required string userName = 2;
} message user_login2{
required int32 userId = 1;
required string userName = 2;
}

怎么导出ts的文件,在egret中直接使用

class user_login{
public userId:number;
public userName:string;
} class user_login2{
public userId:number;
public userName:string;
}

protobufjs工具

准备一个测试用的.proto文件

在安装了nodejs的情况下,全局安装protobufjs。打开cmd窗口,输入:

npm install protobufjs -g

然后在你的proto文件的目录下,打开cmd窗口

输入:

pbjs -t static-module -w commonjs -o template.js template.proto
pbts -o template.d.ts template.js 

 得到如下文件:

仅仅是一些测试数据,但是文件达到了80kb+。生成的template.js里的代码太多了。

生成的文件还有问题。参考:Babel 入门教程

egret官方提供的工具

下载demo瞅瞅,也是封装protobufjs。

dist                                     存放了protobuf-library.js库

egret-project                      白鹭项目

egret-project_wxgame      白鹭小游戏项目

out                                     存放cli.js、index.js,用于拷贝protobuf源码到白鹭项目,添加protobuf到egretProperties.json配置文件中等等

src                                     存放index.ts

.gitignore                           忽略文件

package.json、tsconfig.json    其他等等配置文件

根据教程尝试安装。全局安装protobufjs。

npm install protobufjs@6.8.4 -g
npm install @egret/protobuf -g

在你的白鹭项目下,打开cmd窗口,输入pb-egret add,将代码和项目结构拷贝至白鹭项目中

pb-egret add

譬如我的白鹭项目是TTT

这是会项目目录下会新增一些文件,配置文件也会自动被修改

将测试用的.proto文件放在项目目录TTT\protobuf\protofile下

.proto一定要有package

cmd中输入pb-egret generate,文件将会生成到 protobuf/bundles 文件夹中

pb-egret generate

生成的文件如下。这是.proto文件转成的js库,已经自动配置到egretProperties.json中了。

代码中使用(未实际测试)

        //create user_login
let sendData = new template.user_login();
sendData.userId = 1;
sendData.userName = "abc"; //encode user_login
let sendByte = template.user_login.encode(sendData).finish(); //websocket send
let byteArray:egret.ByteArray = new egret.ByteArray(sendByte);
let socket:egret.WebSocket = new egret.WebSocket();
socket.writeBytes(byteArray);
socket.flush(); //decode user_login
let user_login = template.user_login.decode(sendByte);
console.log(user_login.userId, user_login.userName); //输出1 "abc"

我们打开protobuf-bundles.js,会发现user_login里有有以下方法

create

encode

encodeDelimited

decode

decodeDelimited

fromObject

toObject

toJSON

verify

convert

我们可以对该生成规则进行精简,在生成js文件时,生成指定的方法,减少文件大小

精简生成文件

一、首先修改out文件夹下的index.js

讲generate下的case14修改如下

二、再修改项目protobuf文件夹下的pbconfig.json

修改如下

三、再次打开cmd窗口pb-egret generate生成一次proto文件

会发现create,verify、convert、delimited方法没有了。

四、关于protobuf-bundles.js中的注释,则无需精简,再发布项目时,会自动压缩去掉这些注释。

【咸鱼教程】protobuf在websocket通讯中的使用的更多相关文章

  1. 在网络通讯中应用Protobuf

    在网络通讯中应用Protobuf Protobuf的设计非常适用于在网络通讯中的数据载体,它序列化出来的数据量少再加上以K-V的方式来存储数据,对消息的版本兼容性非常强:还有一个比较大的优点就是有着很 ...

  2. 【咸鱼教程】Base64

    教程目录1 Base64简介2 使用Base643 Demo下载 1 Base64简介百度百科:Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,大家可以查看RFC2045-RFC2 ...

  3. 《连载 | 物联网框架ServerSuperIO教程》- 7.自控通讯模式开发及注意事项

    1.C#跨平台物联网通讯框架ServerSuperIO(SSIO)介绍 <连载 | 物联网框架ServerSuperIO教程>1.4种通讯模式机制. <连载 | 物联网框架Serve ...

  4. 【node+小程序+web端】简单的websocket通讯

    [node+小程序+web端]简单的websocket通讯 websoket是用来做什么的? 聊天室 消息列表 拼多多 即时通讯,推送, 实时交互 websoket是什么 websocket是一个全新 ...

  5. Flask 实现 WebSocket 通讯---群聊和私聊

    一.WebSocket介绍 WebSocket是一种在单个TCP连接实现了服务端和客户端进行双向文本或二进制数据通信的一种通信的协议. WebSocket使得客户端和服务器之间的数据交换变得更加简单, ...

  6. websocket通讯协议(10版本)简介

    前言: 工作中用到了websocket 协议10版本的,英文的协议请看这里: http://tools.ietf.org/html/draft-ietf-hybi-thewebsocketprotoc ...

  7. 使用netty实现的tcp通讯中如何实现同步返回

    在netty实现的tcp通讯中,一切都是异步操作,这提高了系统性能,但是,有时候client需要同步等待消息返回,如何实现呢?笔者已经实现,在此总结下重点要素 实现要点: 1.消息结构设计 消息头中需 ...

  8. C# 基于json通讯中的中文的处理

    如果通讯中产生了\\u4e00-\\u9fa5范围的中文的unicode代码,而不是\u4e00-\u9fa5范围的,那么c#的处理就比较麻烦了. 破解方法: 机制 它会把\\u4e00拆成部分来识别 ...

  9. Unity教程之再谈Unity中的优化技术

    这是从 Unity教程之再谈Unity中的优化技术 这篇文章里提取出来的一部分,这篇文章让我学到了挺多可能我应该知道却还没知道的知识,写的挺好的 优化几何体   这一步主要是为了针对性能瓶颈中的”顶点 ...

随机推荐

  1. 【WP8】关于类库本地化问题

    WPToolkit中的ToggleSwitch开关控件是比较常用的控件,之前在做的的时候遇到一个问题,默认语言改为中文,手机系统语言也为中文,但是开关状态无法应用本地化的语言库,开关状态总是显示On/ ...

  2. Android学习笔记——Intents 和 Intent Filters(二)

    本人邮箱:JohnTsai.Work@gmail.com,欢迎交流讨论. 欢迎转载,转载请注明网址:http://www.cnblogs.com/JohnTsai/p/3993488.html 知识点 ...

  3. 绝对定位多个字居中显示的css

    在工作中遇到一种情况,例如把一个div元素绝对定位到一个位置,但是该元素中的文字个数不确定,还要保证始终该文字是居中显示,则可以定义两个div,外层div绝对定位并加一个宽度,内层div居中 .box ...

  4. 源码分析一(Iterator、Collection以及List接口)

    1:Iterable接口,实现这个接口的类对象可以进行迭代 package java.lang; import java.util.Iterator; /** * 实现这个接口的类所创建的对象可以进行 ...

  5. shell脚本自动清理服务器日志、图片等信息

    在做性能测试的时候,linux服务器时常会产生大量数据,如日志信息,图片信息,文件信息等,压测一段时间后,导致服务器磁盘空间暂满而崩溃,每天手动清理比较麻烦, 利用shell脚本自动清理,脚本如下 1 ...

  6. [Bayes] What is Sampling

    Ref: http://blog.csdn.net/xianlingmao/article/details/7768833 通常,我们会遇到很多问题无法用分析的方法来求得精确解,例如由于式子特别,真的 ...

  7. 如何将数组中的后面m个数移动为前面m个数

    思路分析: 可以通过递归的方法实现调整: (1)将前n-m个元素的顺序颠倒. (2)将后面m个元素的顺序颠倒. (3)将n个元素的顺序全部颠倒. 通过以上3个步骤的执行,就可以把数组的元素颠倒. 代码 ...

  8. 7 -- Spring的基本用法 -- 9...容器中Bean的生命周期

    7.9 容器中Bean的生命周期 Spring可以管理singleton作用域的Bean的生命周期,Spring可以精确地知道该Bean何时被创建,何时被初始化完成.容器何时准备销毁该Bean实例. ...

  9. mongodb命令(1)

    成功启动MongoDB服务后,打开一个命令行窗口输入mongo,就可以进行数据库的一些操作. 输入help可以看到基本操作命令: show dbs:显示数据库列表 show collections:显 ...

  10. iOS protocbuf安装使用

    protobuf文件地址:https://github.com/google/protobuf 1.问题/usr/local.bak/lib /usr/local.bak/man /usr/local ...