leader:请你用Protobuf进行数据交互🥲

初识Protobuf

Protocol Buffers(简称Protobuf)是一种与语言无关、平台无关且可扩展的机制,用于序列化结构化数据。它是由Google设计的一种灵活、高效、自动化的方法,用于解决类序列化问题。 Protobuf是一种无关语言,无关平台的,用于序列化结构化数据的工具。相对于JSON体积更小,更快。 Protobuf定义在.proto文件中,在特定的语言进行编译时候,进行动态编译。 动态编译指的是:我可以把.proto文件同时放在client,server当我需要改动的时候同时生效。它是采用一个二进制流去处理很多冗余让存储数据压缩。当我们要数据的时候通过protobuf反序列化取到对应的结构化数据。

项目准备

从gitlab上拉取项目

在package.json文件下执行以下命令 "proto:strategy": "pbjs -t json-module -r strategy -w es6 -o src/utils/proto/strategy.js ../experience-service-protobuf/protobuf/admin/*.proto"

这样我们就可以将protobuf文件编译成js了。

文件的配置

**PB_LOOK_TYPE_PATH_REQUESTPB_LOOK_TYPE_PATH_RESPONSE**这两个字段用来指定Protobuf消息类型的路径

package 是admin_pb,

message是 ListGrayscaleConfigsRequest 因此路径为

设置 PB_MODULE"STRATEGY" 来表明这个请求是针对策略管理模块的。

之后呢我们可以在封装好的请求api里边设置

好啦今天的分享就到这儿啦!

相关推荐
HelloRevit30 分钟前
React DndKit 实现类似slack 类别、频道拖动调整位置功能
前端·javascript·react.js
ohMyGod_1231 小时前
用React实现一个秒杀倒计时组件
前端·javascript·react.js
eternal__day1 小时前
第三期:深入理解 Spring Web MVC [特殊字符](数据传参+ 特殊字符处理 + 编码问题解析)
java·前端·spring·java-ee·mvc
醋醋1 小时前
Vue2源码记录
前端·vue.js
江耳2 小时前
从10秒到无限流:我用Vercel+NextJS实现AI流式对话遇到的超时问题及解决方案
前端
总之就是非常可爱2 小时前
三分钟让你看懂alien-signals computed基本原理
前端
JustHappy2 小时前
「我们一起做组件库🌻」虚拟消息队列?message组件有何不同?(VersakitUI开发实录)
前端·javascript·vue.js
Carlos_sam2 小时前
Openlayers:为Overlay创建element的四种方式
前端·javascript·vue.js
纵昂2 小时前
Js中常用数据转换及方法记录汇总
前端·javascript
海底火旺2 小时前
闭包模块:JavaScript的"魔法收纳盒"
前端·javascript