让JS自动匹配出proto Js的方法

这次给大家带来让JS自动匹配出proto Js的方法，JS自动匹配出proto Js的方法的注意事项有哪些，下面就是实战案例，一起来看一下。

在与后端的WebSocket通信时，前端要带一个proto文件是一个累赘的事情。首先是明显的曝光了协议实体对象，再一个浏览器客户端很容易会缓存该文件，新的协议更新可能导致客户端不能使用，另外在cdn服务器上还需要配置.proto类型客户端才能下载过去。真是遗毒不浅，自己使用的时候会注意这些，但给别人使用的时候就很不乐观了，所以这次全部将proto文件转成JavaScript对象，省去协议文件和加载的步骤。

先看代码：

  args = [].slice.call(arguments, 1 obj =  ( i = 0; i < args.length; i++ p = key = i + 1 protobuf.Field(p[0], key, p[1] || "string" obj =  ( i = 0; i < list.length; i++ ( protobuf == "undefined") ;=  protobuf.Root().define("IMEntity""Token", ["UserID"], ["Token"], ["Device"], ["Version", "int32"], ["Appkey""Feedback", ["ResultCode", "int32"], ["ResultData"], ["Seq", "int32"], ["MsgID""ReceiptType", ["Receive", "Read"
    };

proto 主要有两种类型，Type和Enum。Type对应协议中的message，相当于是类。Enum就是枚举类型

var Root  = protobuf.Root,
    Type  = protobuf.Type,
    Field = protobuf.Field;var AwesomeMessage = new Type("AwesomeMessage").add(new Field("awesomeField", 1, "string"));var root = new Root().define("awesomepackage").add(AwesomeMessage);

枚举的创建不要需要Field。只需要add 字段名即可。那么接下来的问题是，手写root.add 也很烦，因为要一个一个对照属性，不断的复制粘贴，很容易出错。所以又做了个自动生成代码的页面：

         //登陆Token        message Token{
        string UserID = 1;    //登陆接口返回的IMUserID
        string Token = 2;    //登陆接口返回的Token
        string Device = 3;    //客户端设备号
        int32  Version = 4;    //版本号，发布前与服务端约定值
        string Appkey = 5;    //客户端Appkey        }       
        //收到私信        message ReceivePrivateMessage{
        string MsgID = 1;        //消息id
        string SenderID = 2;    //发送者id
        string ReceiverID = 3;    //接收者id
        string Content  = 4;    //消息内容。客户端转换成业务相关的实体后，再做后续处理（客户端使用，服务器不做任何处理，原样下发）
        bool Ack = 5;              //是否需要已读回执
        int32 SendDateTime = 6;    //消息发送时间
        int32 ContentType = 7;    //内容类型（客户端使用，服务器不做任何处理，原样下发）        }        //回执类型        enum ReceiptType{
        Receive = 0;                      //已收回执（收到消息后立即发送给服务器的回执）
        Read = 1;                        //已读回执（用户进入消息阅读界面后发送给服务器的回执）        }    
    

    

然后页面上会得到：

红色部分复制到工程里面就可以用了。当然要带上createProto和createEnum两个方法。proto的格式要规范，毕竟start里面是以空格split的。相对于protobuf.load("xx.proto",callback)的方式要好很多。load对位置要求比较死板，一定要在根目录。而且有类型不存在就会报错，终止程序。add方法不存在找不到类型的错误。另外速度也快了很多。 

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

北方供求商业完整版

专业的供求、二手、分类信息发布系统，功能介绍：HTML生成功能：发布信息自动生成相关列表，不必全部生成多功能图文编辑器：让你的信息更灵活多变，可添加图片水印强大的管理员权限分配：可管理某一个分类，或地区的信息强大JS功能：方便远程调用个人开店，企业黄页一步到位：每个会员都拥有自己的店铺，企业会员可加入到企业黄页集成支付宝在线支付v3.5 Build 0717更新修正了会员编辑信息的一处BUG，以前

下载

怎样让js暂停执行

jquery做出评分系统