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里边设置

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

相关推荐
一拳不是超人22 分钟前
Electron主窗口弹框被WebContentView遮挡?独立WebContentView弹框方案详解!
前端·javascript·electron
anyup32 分钟前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
雮尘1 小时前
如何在非 Claude IDE (TARE、 Cursor、Antigravity 等)下使用 Agent Skills
前端·agent·ai编程
icebreaker1 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker1 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
wuhen_n1 小时前
代码生成:从AST到render函数
前端·javascript·vue.js
喝咖啡的女孩1 小时前
浏览器前端指南
前端
wuhen_n1 小时前
AST转换:静态提升与补丁标志
前端·javascript·vue.js
喝咖啡的女孩1 小时前
浏览器前端指南-2
前端
cxxcode1 小时前
从 V8 引擎视角理解微任务与宏任务
前端