本教程详细介绍了如何利用Protocol Buffers在Go后端对结构化数据进行序列化，并通过Ajax传输至Dart前端进行反序列化。内容涵盖了环境搭建、.proto文件定义、代码生成、Go语言中的数据封装与序列化，以及Dart语言中的数据请求与反序列化，旨在提供一套完整的跨语言数据通信解决方案，确保数据传输的效率与可靠性。
Protocol Buffers（简称Protobuf）是Google开发的一种语言无关、平台无关、可扩展的序列化结构化数据的方法，它比XML和JSON更小、更快、更简单。通过定义数据结构（.proto文件），Protobuf编译器可以自动生成多种编程语言的源代码，用于读写这些结构化数据。这使得在不同语言编写的系统之间进行数据交换变得高效且可靠。本教程将指导您如何在Go后端使用Protobuf序列化数据，并通过HTTP AJAX请求将其发送到Dart前端进行反序列化。
在开始之前，您需要安装Protocol Buffers编译器（protoc）以及Go和Dart的Protobuf库。
安装Protocol Buffers编译器 (protoc)protoc是用于编译.proto文件的核心工具。 在基于Debian的系统上，您可以通过以下命令安装：
sudo apt-get install protobuf-compiler
对于其他操作系统，请参考Protobuf官方文档进行安装。
立即学习“前端免费学习笔记（深入）”；
安装Go语言Protobuf库 Go语言的Protobuf库可以通过Go模块进行安装：
go get google.golang.org/protobuf/cmd/protoc-gen-go google.golang.org/protobuf/cmd/protoc-gen-go-grpc
确保protoc-gen-go和protoc-gen-go-grpc在您的PATH环境变量中，通常Go模块会自动处理。
安装Dart语言Protobuf插件 Dart的Protobuf插件用于从.proto文件生成Dart代码。
dart pub global activate protoc_plugin
确保protoc_plugin的执行文件也在您的PATH中，或者知道其确切路径。
数据传输的核心是.proto文件，它定义了消息的结构。我们将创建一个名为car.proto的文件，其中包含一个Car消息的定义。
// car.proto
syntax = "proto2"; // 也可以使用 proto3，根据项目需求选择
message Car {
required string make = 1;
required int32 numdoors = 2;
}定义好.proto文件后，使用protoc工具为Go和Dart生成相应的代码。
在car.proto文件所在的目录下执行以下命令：
采用HttpClient向服务器端action请求数据，当然调用服务器端方法获取数据并不止这一种。WebService也可以为我们提供所需数据，那么什么是webService呢？，它是一种基于SAOP协议的远程调用标准，通过webservice可以将不同操作系统平台，不同语言，不同技术整合到一起。 实现Android与服务器端数据交互，我们在PC机器java客户端中，需要一些库，比如XFire,Axis2,CXF等等来支持访问WebService，但是这些库并不适合我们资源有限的android手机客户端，
0
# 为Go语言生成代码 protoc --go_out=. car.proto # 为Dart语言生成代码 protoc --dart_out=. car.proto
执行这些命令后，您将看到在当前目录下生成了car.pb.go和car.pb.dart文件。这些文件包含了Car消息的Go和Dart类定义，以及相关的序列化和反序列化方法。
在Go后端，我们将创建一个Car对象，将其序列化为二进制数据，并通过HTTP响应发送给前端。
创建Go Car对象 生成的car.pb.go文件提供了Car结构体。在Go代码中，您需要使用proto.String和proto.Int32等辅助函数来设置required字段的值。
package main
import (
"fmt"
"log"
"net/http"
"google.golang.org/protobuf/proto" // 注意：新版本库路径
"./car" // 导入生成的 car.pb.go 文件所在的包，根据实际项目结构调整路径
)
func main() {
http.HandleFunc("/getCarProto", handleGetCarProto)
fmt.Println("Server started on :8080")
log.Fatal(http.ListenAndServe(":8080", nil))
}
func handleGetCarProto(w http.ResponseWriter, r *http.Request) {
// 创建一个Car对象
c := &car.Car{
Make: proto.String("Citroën"),
Numdoors: proto.Int32(4),
}
// 将Car对象序列化为二进制数据
binaryData, err := proto.Marshal(c)
if err != nil {
http.Error(w, fmt.Sprintf("Failed to marshal Car: %v", err), http.StatusInternalServerError)
log.Printf("Error marshaling Car: %v", err)
return
}
// 设置Content-Type为application/x-protobuf，告知客户端数据类型
w.Header().Set("Content-Type", "application/x-protobuf")
// 写入二进制数据到HTTP响应
_, err = w.Write(binaryData)
if err != nil {
log.Printf("Error writing response: %v", err)
}
log.Println("Car object sent successfully.")
}注意：google.golang.org/protobuf/proto是Go Protobuf库的最新路径。如果您的项目使用的是旧版本（如github.com/golang/protobuf/proto），请相应调整导入路径。此外，导入"./car"需要根据您的car.pb.go文件实际存放的包路径进行调整。
在Dart前端，我们将使用HttpRequest发起AJAX请求获取Go后端发送的二进制数据，然后将其反序列化为Dart Car对象。
// main.dart (或者您的Dart应用程序的任何文件)
import 'dart:html';
import 'dart:typed_data';
import 'car.pb.dart'; // 导入生成的 car.pb.dart 文件
void main() {
// 可以在某个按钮点击事件或页面加载时调用此函数
getProtoBuffer();
}
void getProtoBuffer() {
HttpRequest.request(
"http://localhost:8080/getCarProto", // 确保URL与Go后端匹配
responseType: "arraybuffer", // 请求响应类型为ArrayBuffer
).then((HttpRequest request) {
if (request.status == 200) {
// 获取响应的ArrayBuffer
ByteBuffer buffer = request.response as ByteBuffer;
// 将ByteBuffer转换为Uint8List，以便Protobuf库处理
// 这里的 Uint8List.view 是一个常见的转换方式，尤其是在旧版Dart或特定编译环境下
Uint8List uint8List = Uint8List.view(buffer, 0, buffer.lengthInBytes);
// 使用生成的Car类的fromBuffer方法反序列化数据
Car c = Car.fromBuffer(uint8List);
print("Received Car object:");
print("Make: ${c.make}");
print("NumDoors: ${c.numdoors}");
} else {
print("Error fetching protobuf data: ${request.statusText}");
}
}).catchError((error) {
print("Request failed with error: $error");
});
}重要提示：
CORS (跨域资源共享)：如果您的Dart应用和Go后端运行在不同的端口或域名，浏览器会阻止跨域请求。您需要在Go后端配置CORS头，例如：
func handleGetCarProto(w http.ResponseWriter, r *http.Request) {
w.Header().Set("Access-Control-Allow-Origin", "*") // 允许所有来源，生产环境请指定具体域名
w.Header().Set("Access-Control-Allow-Methods", "GET, POST, OPTIONS")
w.Header().Set("Access-Control-Allow-Headers", "Content-Type")
if r.Method == "OPTIONS" {
w.WriteHeader(http.StatusOK)
return
}
// ... 原有的序列化和发送逻辑
}Uint8List.view(buffer, 0, buffer.lengthInBytes)：这个操作将ByteBuffer视图化为Uint8List，而不会进行数据拷贝，效率较高。在某些Dart版本或dart2js编译环境下，这可能是处理arraybuffer响应的推荐方式。
通过本教程，您已经掌握了如何利用Protocol Buffers在Go后端序列化数据，并通过HTTP AJAX请求将其传输到Dart前端进行反序列化的完整流程。这套方案提供了一种高效、跨语言且易于维护的数据交换机制，适用于构建高性能的分布式系统或Web应用程序。遵循Protobuf的设计原则和最佳实践，将有助于您构建稳定且可扩展的应用。
以上就是基于Protocol Buffers实现Go后端与Dart前端的数据交互的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
801
收藏
