javascript之ProtoBuf在websocket中的使用

因为ProtoBuf的序列化效率和大小都非常好，所以它在网络通信上面应用越来越多；而webosocket也随着web3.0应用越来越广泛，而将这两个结合在一起的也会慢慢形成一种趋势；本人是为了测试自已写的一个C# websocket，所以在web上面结合pb也写了一个js实例:

1.首先下载protobuf.js

2.引入protobuf相关js文件

3.创建proto文件

1 package wenlipackage;
2 syntax = "proto3";
3 
4 message WSMessage {  
5     required string id = 1;
6     required string content = 2;
7     required string sender = 3;
8     required string time = 4;
9 }

js的protobuf格式类型有

 

Field type	Expected JS type (create, encode)	Conversion (fromObject)
s-/u-/int32 s-/fixed32	number (32 bit integer)	value | 0 if signed value >>> 0 if unsigned
s-/u-/int64 s-/fixed64	Long-like (optimal) number (53 bit integer)	Long.fromValue(value) with long.js parseInt(value, 10) otherwise
float double	number	Number(value)
bool	boolean	Boolean(value)
string	string	String(value)
bytes	Uint8Array (optimal) Buffer (optimal under node) Array. (8 bit integers)	base64.decode(value) if a string Object with non-zero .length is assumed to be buffer-like
enum	number (32 bit integer)	Looks up the numeric id if a string
message	Valid message	Message.fromObject(value)

 4.初始化protobuf，对相关数据进行序列化和反序列化

 

 1 

WSMessage是一个解码编码器

wsmessage是具体的某个定义的proto实例

buffer是一个8位无符号的字节数组

5.连接到websocket并发送序列化的消息和接收反序列化的消息

 1 

 上面因为我的websocket server 返回一是二进制，所以浏览器接收到的是一个blob，这里注意对blob的处理

6.互通测试

转载请标明本文来源：http://www.cnblogs.com/yswenli/p/7099809.html
更多内容欢迎star作者的github：https://github.com/yswenli/GFF 
如果发现本文有什么问题和任何建议，也随时欢迎交流~

感谢您的阅读，如果您对我的博客所讲述的内容有兴趣，请继续关注我的后续博客，我是yswenli 。