当前位置：首页 > news >正文

用react server action调用go语言后端

news 2026/5/11 21:12:45

简单来说，没有专门为 React Server Action 设计的 Go 语言框架，但 Go 生态可以完美适配 React Server Action 的调用逻辑，你可以通过 Go 的 Web 框架快速实现支持 RSA 的后端服务。

核心背景说明

React Server Action 是 React 18+ 推出的特性，本质是：

让 React 组件直接调用“服务端函数”，底层通过 HTTP POST 请求 实现前后端通信；
通信格式以 JSON 为主，核心是“函数参数序列化 → 服务端解析 → 执行逻辑 → 结果返回”；
RSA 并非后端框架规范，只是前端发起请求的一种约定，因此任何能处理 HTTP POST 请求的后端（包括 Go）都能适配，无需专门的“RSA 框架”。

Go 适配 React Server Action 的实现方式

你可以用 Go 主流的 Web 框架（Gin、Echo、Fiber 等）快速实现适配，以下是最常用的 Gin 框架示例，完整可运行：

1. 前置准备

先安装 Gin 框架：

go get github.com/gin-gonic/gin

2. 完整示例代码

package mainimport ("net/http""github.com/gin-gonic/gin"
)// 定义 RSA 请求的参数结构（与前端传参对应）
type RSARequest struct {// 函数名（前端调用的 Server Action 名称）FuncName string `json:"funcName"`// 函数参数（按需定义，示例为字符串）Params string `json:"params"`
}// 定义 RSA 响应结构（返回给前端）
type RSAResponse struct {Code    int         `json:"code"`    // 状态码Message string      `json:"message"` // 提示信息Data    interface{} `json:"data"`    // 返回数据
}func main() {r := gin.Default()// 核心：处理 React Server Action 的 POST 请求// 前端 RSA 会向这个路径发起 POST 请求r.POST("/api/server-action", func(c *gin.Context) {// 1. 解析前端传递的 RSA 请求参数var req RSARequestif err := c.ShouldBindJSON(&req); err != nil {c.JSON(http.StatusBadRequest, RSAResponse{Code:    400,Message: "参数解析失败",Data:    nil,})return}// 2. 根据前端指定的函数名，执行对应的业务逻辑var result interface{}switch req.FuncName {case "getUserInfo":// 示例：模拟获取用户信息result = map[string]string{"name":  "张三","id":    req.Params, // 用前端传的参数作为用户ID"email": "zhangsan@example.com",}case "submitForm":// 示例：模拟提交表单result = map[string]bool{"success": true,"msg":     "表单提交成功，内容：" + req.Params,}default:c.JSON(http.StatusNotFound, RSAResponse{Code:    404,Message: "未找到对应的 Server Action 函数",Data:    nil,})return}// 3. 返回结果给前端（符合 RSA 预期的格式）c.JSON(http.StatusOK, RSAResponse{Code:    200,Message: "执行成功",Data:    result,})})// 启动服务，监听 8080 端口r.Run(":8080")
}

3. 前端 React 侧调用示例（参考）

// React 组件中调用 Server Action，请求上面的 Go 后端
async function submitForm(formData) {'use server' // 标记为 Server Actionconst res = await fetch('http://localhost:8080/api/server-action', {method: 'POST',headers: {'Content-Type': 'application/json',},body: JSON.stringify({funcName: 'submitForm',params: formData,}),});return res.json();
}