0

0

如何在Golang中实现gRPC-Web网关 Go语言浏览器直接调用gRPC

P粉602998670

P粉602998670

发布时间:2026-03-11 15:17:32

|

988人浏览过

|

来源于php中文网

原创

浏览器不能直接调用grpc,因其依赖http/2和二进制protobuf,而浏览器仅支持http/1.1与json等文本协议;需通过grpc-web网关(如envoy或grpcwebproxy)做协议转换。

如何在golang中实现grpc-web网关 go语言浏览器直接调用grpc

为什么浏览器不能直接调用 gRPC?

因为标准 gRPC 基于 HTTP/2 和二进制 Protobuf,而浏览器的 fetchXMLHttpRequest 只支持 HTTP/1.1 和文本协议(如 JSON)。即使你把 .proto 编译成 Go 服务、再生成 JS 客户端,浏览器发出去的请求也会被后端拒绝——不是“没连上”,是协议层就不通。

所以必须加一层转换:把浏览器发来的 HTTP/1.1 + JSON(或二进制)请求,反向代理并转成 HTTP/2 + Protobuf,打给真正的 gRPC 服务。这个中间层,就是 gRPC-Web 网关。

用 grpcwebproxy 还是 Envoy?选哪个更稳?

grpcwebproxy(improbable-eng 开源)轻量、Go 写的、配置简单,但已归档不再维护;Envoy 是生产级选择,支持 TLS 终止、gRPC-Web / gRPC-HTTP/1.1 双模式、健康检查,且和 Kubernetes 集成顺滑。

如果你只是本地调试或 demo,用 grpcwebproxy 快速跑通没问题;但只要涉及 HTTPS、负载均衡、可观测性,必须上 Envoy

立即学习go语言免费学习笔记(深入)”;

  • Envoy 的 grpc_web filter 默认只处理 application/grpc-web+protoapplication/grpc-web-text 请求头,别漏配
  • grpcwebproxy 默认监听 localhost:8080,转发到 localhost:9090(你的 gRPC server),改端口得手动传 --backend_addr
  • Envoy 配置里必须显式开启 http_filters 中的 envoy.filters.http.grpc_web,否则 415 错误静默出现

Go 后端要改哪些地方才能接住 gRPC-Web?

Go 的 gRPC server 本身不感知 gRPC-Web——它只管收 HTTP/2 流。真正要动的是「网关」和「客户端」两端。但你的 Go server 得满足两个隐性条件:

IBM Watson
IBM Watson

IBM Watson文字转语音

下载
  • 必须启用反射(grpc.ReflectionServer),否则 grpcurl 或某些 Web 调试工具无法发现服务列表
  • gRPC server 监听地址不能绑死 127.0.0.1,得用 0.0.0.0:9090,否则 Envoy 在容器里连不上
  • 不需要改 RegisterXXXServer 逻辑,也不用重写 handler——gRPC-Web 网关负责协议转换,你的业务代码零侵入

唯一可能要加的,是 CORS 头。如果网关没代你加(比如 grpcwebproxy 默认不加),就得在 Go server 的拦截器里手动写 w.Header().Set("Access-Control-Allow-Origin", "*"),否则浏览器预检失败。

前端 JS 怎么发请求?用什么库?

别用原生 fetch 拼 gRPC-Web 协议——太容易出错。官方推荐 @improbable-eng/grpc-web,它会自动处理编码、流控、错误映射(比如把 gRPC 状态码转成 JS Error)。

注意三个关键点:

  • 创建 client 时,host 填的是网关地址(如 "http://localhost:8080"),不是后端 gRPC 地址
  • 必须传 transport:开发用 XHRTransport,生产建议换 HttpTransport(支持 AbortController)
  • Protobuf 类型必须用 ts-protoprotoc-gen-grpc-web 生成,且 import 路径要和 import 语句严格一致,否则 runtime 找不到 service 定义

示例片段:

const client = new GreeterClient("http://localhost:8080", { transport });<br>client.sayHello(new HelloRequest().setName("world")).then(r => console.log(r.getMessage()));

最常被忽略的是网关和后端之间的网络连通性验证——先用 curl -v http://localhost:8080/my.Service/SayHello 看是否返回 404(说明网关通),再用 grpcurl -plaintext localhost:9090 list 看后端是否真在跑。两头都通了,才去调前端代码。否则卡在某一层,日志里全是 503 或空响应。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
golang如何定义变量
golang如何定义变量

golang定义变量的方法:1、声明变量并赋予初始值“var age int =值”;2、声明变量但不赋初始值“var age int”;3、使用短变量声明“age :=值”等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

210

2024.02.23

golang有哪些数据转换方法
golang有哪些数据转换方法

golang数据转换方法:1、类型转换操作符;2、类型断言;3、字符串和数字之间的转换;4、JSON序列化和反序列化;5、使用标准库进行数据转换;6、使用第三方库进行数据转换;7、自定义数据转换函数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

247

2024.02.23

golang常用库有哪些
golang常用库有哪些

golang常用库有:1、标准库;2、字符串处理库;3、网络库;4、加密库;5、压缩库;6、xml和json解析库;7、日期和时间库;8、数据库操作库;9、文件操作库;10、图像处理库。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

356

2024.02.23

golang和python的区别是什么
golang和python的区别是什么

golang和python的区别是:1、golang是一种编译型语言,而python是一种解释型语言;2、golang天生支持并发编程,而python对并发与并行的支持相对较弱等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

214

2024.03.05

golang是免费的吗
golang是免费的吗

golang是免费的。golang是google开发的一种静态强类型、编译型、并发型,并具有垃圾回收功能的开源编程语言,采用bsd开源协议。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

409

2024.05.21

golang结构体相关大全
golang结构体相关大全

本专题整合了golang结构体相关大全,想了解更多内容,请阅读专题下面的文章。

490

2025.06.09

golang相关判断方法
golang相关判断方法

本专题整合了golang相关判断方法,想了解更详细的相关内容,请阅读下面的文章。

200

2025.06.10

golang数组使用方法
golang数组使用方法

本专题整合了golang数组用法,想了解更多的相关内容,请阅读专题下面的文章。

1438

2025.06.17

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Go 教程
Go 教程

共32课时 | 6.1万人学习

Go语言实战之 GraphQL
Go语言实战之 GraphQL

共10课时 | 0.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号