WebSocket中关于使用ProtoBuf传输数据介绍js部分

本文介绍如何使用JavaScript将Protobuf数据转换为对象及反之。通过一个简单的proto文件定义,展示了父模块与子模块的数据结构,并提供了必要的JavaScript库。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

#前言介绍:
本案例主要介绍如何在js里把接收到的protobuf数据转换为对象与如何把对象转换为protobuf数据。
为了能简单说明问题,在本案例中只有js部分,关于后台服务的像前台发送数据部分在案例一中已经介绍。
#环境需求:
需要github大神wiki提供的三个js文件:[本案例的下载中已经提供]
github:https://github.com/dcodeIO/ProtoBuf.js/wiki

  1. ByteBufferAB.min.js

  2. Long.min.js

  3. ProtoBuf.min.js
    #代码介绍:
    itstack.proto

    //这里是一个proto文件,我们在www.itstack.org为想象,定义它下面分为大知识点模块,每个模块下又有子模块
    // 父模块
    message ParentModule{
    // 序号
    required int32 number = 1;
    // 名称
    required string name = 2;
    // 子模块[repeated 可重复,相当于集合]
    repeated ChildrenModule childrenModule= 3;
    }

    // 子模块
    message ChildrenModule{
    // 序号
    required int32 number = 1;
    // 名称
    required string name = 2;
    }
    html文件

#测试解图:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值