程序员经验分享-hwhale

如何将 gRPC 定义的 API 引入 Web 浏览器

2024-02-28

我们想要为我们的 gRPC 微服务构建一个 Javascript/HTML gui。由于浏览器端不支持 gRPC，我们想到使用 web-sockets 连接到 node.js 服务器，该服务器通过 grpc 调用目标服务。 我们努力寻找一个优雅的解决方案来做到这一点。特别是，因为我们使用 gRPC 流在微服务之间推送事件。 看来我们需要第二个RPC系统，只是为了前端和node.js服务器之间的通信。这似乎需要维护大量开销和额外代码。

有谁有做类似事情的经验或者知道如何解决这个问题？


编辑：自2018年10月23日起gRPC-Web项目正式上线 https://grpc.io/blog/grpc-web-ga，这可能是解决您的问题的最官方/标准化的方法。 （即使现在已经是 2018 年了……；））

来自 GA 博客：“gRPC-Web，就像 gRPC 一样，允许您使用 Protocol Buffers 定义客户端（Web）和后端 gRPC 服务之间的服务“契约”。然后可以自动生成客户端。[...]”

我们最近构建了 gRPC-Web (https://github.com/improbable-eng/grpc-web https://github.com/improbable-eng/grpc-web) - 遵循建议的 gRPC-Web 协议的浏览器客户端和服务器包装器。该存储库中的示例应该提供一个良好的起点。

如果您使用 Golang，它需要一个独立的代理或 gRPC 服务器的包装器。代理/包装器修改响应以将预告片打包在响应正文中，以便浏览器可以读取它们。

披露：我是该项目的维护者。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

nodejs

protocolbuffers

microservices

gRPC

如何将 gRPC 定义的 API 引入 Web 浏览器 的相关文章

  • 在设置后用 Javascript 替换 'var' css 属性

    我有一个元素 其上设置了 var 属性 如下所示 div class divwithbackground div CSS divwithbackground after background image var page header se

  • 在 d3 中应用转换时出现错误

    我正在尝试对我在 d3 中设计的条形图应用一些过渡效果 这是我的代码 svg selectAll bar data data enter append g attr class bar append rect attr rx barRadi

  • Express+jade：局部变量在视图中不可用

    我遇到了一个非常基本的问题 但我似乎找不到答案 我正在与node js express我只是想将局部变量传递到视图中 如下所示 app get function req res res render index locals title B

  • 如何从左向右滑动文本和图像并具有滑动效果[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

  • codePointAt 和 charCodeAt 之间的区别

    有什么区别String prototype codePointAt and String prototype charCodeAt 在 JavaScript 中 A codePointAt 65 A charCodeAt 65 从 MDN

  • 将 Docker 与具有 Node-gyp 依赖项的 Nodejs 一起使用

    我计划使用 Docker 部署 node js 应用程序 该应用程序有几个需要node gyp的依赖项 Node gyp 根据交付平台上的编译库构建这些模块 例如 canvas lwip qrcode 根据我的经验 这些构建可能高度依赖于操

  • AngularJS 服务并承诺最佳实践

    我有一个 AngularJS 应用程序services 调用 http资源并返回promise我在控制器中解决了这个问题 这是我正在做的事情的示例 app service Blog function http q var deferred

  • 如何格式化折线图谷歌图表材料上的轴？

    我在格式化材料图表的轴时遇到问题 Using classic line chart if I would like to format my vertical axis with a dollar sign I would do vAxes

  • 如何将 vue3-openlayers 插件添加到 nuxt

    我有以下 main ts 文件Vue3 https v3 vuejs org import createApp from vue import App from App vue How to do this in nuxt3 import

  • es6-module 默认导出导入为未定义

    我不确定我在这里缺少什么 我正在使用 jspm 和 es6 module loader 开发一个项目 我有一个模块定义如下 import hooks from hooks import api from api import tools f

  • 全日历与 UTC 和本地日期的混淆

    我确实让 fullcalendar 正常初始化 所以它代表当前日期 午夜 gt 午夜 1 天 1 小时时段 我从其他一些数据源获取带有时间戳的数据 格式为 YYYY MM DD HH mm 作为字符串传输 无时区信息 因此 我将该字符串转换

  • 单击 btn 而不触发 div 单击未按预期工作

    代码沙盒 https codesandbox io s currying breeze depdc9 file package json https codesandbox io s currying breeze depdc9 file

  • Python 中的 Firebase 身份验证时出现 KeyError：“databaseURL”

    相信你做得很好 我是 firebase 的新手 正在尝试进行用户身份验证 我已经安装了pyrebase4并在firebase控制台上创建了一个项目 我还启用了使用 电子邮件和密码 登录并尝试连接我的应用程序 下面是我正在尝试的代码 impo

  • 如何在 Node.js 中打开 Windows-1255 编码文件？

    我有一个 Windows 1255 希伯来语 编码的文件 我希望能够在 Node js 中访问它 我尝试使用打开文件fs readFile 它给了我一个Buffer我无能为力 我尝试将编码设置为Windows 1255 但这没有被识别 我还

  • 如何使用 ReactJS 使表中的列可以以两种方式排序

    我正在 ReactJS 中构建一个简单的应用程序 它通过调用某个 API 来使用 JSON 数组 然后我将数组的结果填充到表中 我现在想让表的列可排序 我理想的情况是同时进行升序和降序排序 一旦我单击标题 当它按升序排序时 它应该按降序排序

  • 反转比例函数

    这对我来说很有趣 看下面的D3代码 var scale d3 scale linear domain 100 500 range 10 350 scale 100 Returns 10 scale 300 Returns 180 scale

  • 如何从 Visual Studio Code API 打开浏览器

    我只是在探索一种从用于开发扩展的 Visual Studio Code API 打开默认浏览器的方法 以下是我的代码 var disposable vscode commands registerCommand extension brow

  • 使用 CSP 防止自动点击链接 XSS 攻击

    当将 CSP 用于稍微不同的目的 沙箱 时 我意识到一个非常简单的自动点击链接似乎甚至可以绕过相对严格的 CSP 我所描述的内容如下 内容安全政策 default src none script src unsafe inline 还有身体

  • 运行 pm2 记录错误 SyntaxError: Unexpected token

    我想查看我的项目的日志 Steps 我克隆了一个套接字应用程序 然后我跑npm install pm2 g安装pm2 I run pm2 start 有用 它显示我的套接字应用程序的表格 但如果我跑pm2 logs查看日志 存在这样的错误

  • 如何将函数导入到Vue组件中？

    我正在尝试将单个函数导入到我的 Vue 组件中 我为我的函数创建了一个单独的 js 文件 randomId js exports randomId gt My function 在我的 Vue 组件中 我导入了 Random js let

随机推荐

  • 在 C# 中使用 MySQLConnection 无法正确关闭

    我尝试编写一个类来使 MySql 连接更容易 我的问题是 在我打开连接并关闭它之后 它在数据库中仍然打开并被中止 当然 我使用的是 using 语句 但连接仍然打开 并在退出程序后中止 我的代码如下所示 using DatabaseMana

  • 对大于屏幕尺寸的侧边栏进行位置粘性

    我有一个侧边栏 其高度大于屏幕尺寸 并且在使用时position sticky 除非滚动到页面末尾 否则我将无法看到侧边栏的底部 例如 如何确保滚动时页面的 50 已经显示侧边栏的下部 这里的代码示例 https jsfiddle net

  • ActionBar 操作项未显示[重复]

    这个问题在这里已经有答案了 我有一个非常简单的代码 但即使经过长时间的谷歌搜索也无法解决问题 我想在我的 ActionBar 中添加一些 Action Items 但是每当我运行应用程序时 我看到的只是一个带有应用程序徽标和标题的 Acti

  • 如何使用 OAuth 2 - OAuth 2 C# 示例

    我必须弄清楚如何使用 OAuth 2 才能使用 Deviantart api 我得到了 client id 和 client secret 部分 这是他们提供的信息 端点 使用 OAuth 2 0 向我们进行身份验证时所需的唯一信息是cli

  • 关于 try-catch 块的思考

    您对如下代码有何看法 public void doSomething try actual code goes here catch Exception ex throw 我看到的问题是实际的错误没有得到处理 只是将异常抛出到不同的地方 我

  • 避免 C++ 中的非正规值

    在寻找了很长时间的性能错误之后 我读到了有关非正规浮点值的内容 显然 非规范化浮点值可能是一个主要的性能问题 如本问题所示 为什么将 0 1f 更改为 0 会使性能降低 10 倍 https stackoverflow com questi

  • 如何在 React 组件之外访问历史对象

    首先 我对这个领域非常熟悉带路由器 https reacttraining com react router web api withRouter然而 在这种情况下 HoC 没有帮助 因为我不想访问history组件中的对象 我正在尝试实现

  • 将 IO 输出收集到列表中

    我怎样才能发出多个呼叫SDL pollEvent IO Event http hackage haskell org packages archive SDL 0 6 2 doc html Graphics UI SDL Events ht

  • 抛出异常后继续循环迭代

    假设我有这样的代码 try for int i 0 i lt 10 i if i 2 i 4 throw new Exception Test i catch Exception ex errorLog AppendLine ex Mess

  • MySQL 匹配 - 在布尔模式下？

    我正在使用 PDO 执行 MATCH AGAINST 查询 以下内容不返回任何内容 SELECT title author isbn MATCH title isbn AGAINST term AS score FROM books WHE

  • 将txt转换为xlsx的Powershell脚本

    我想将文本文件转换为 Excel 格式 我使用来自 Technet 的以下脚本 Script name ConvertTilde ps1 Created on 2007 01 06 Author Kent Finkle Purpose Ho

  • 使用鼠标选择日期时，JQuery UI Datepicker 失去焦点

    我将 JQuery ui 与日期选择器一起使用 当用户点击某个字段时 他们会适当地弹出日历 用户选项卡 通过按键进入字段 用户通过鼠标单击选择日期 用户选项卡 Tabindex 从 1 开始 在表单的开头 这是代码 也可能设置选项卡索引

  • 如何创建很棒的字体图标的禁用状态？

    我正在使用很棒的字体图标 并且我需要使图标处于禁用状态 有什么办法可以做到这一点吗 我也在使用引导程序 这就是我使用图标的方式 i class fa fa slack i i 我只需要图标看起来像灰色的 为残疾人编写一个自定义类 就像是 f

  • 单元测试期间 Ada 中的异常处理

    我正在尝试为我最近编写的一些 Ada 代码编写一些单元测试 我有一个特殊的情况 我希望得到一个异常 如果代码工作正常 我不会 但在这种情况下我所做的只是测试 而不是编写代码 如果我在测试例程中处理异常 那么我不知道如何继续在该过程中进行测试

  • R/shiny + mathjax，不渲染数学

    我的行为很奇怪MathJax and shiny 我已经修改了01 hello示例来自shiny包包括一个 Rmd文件通过includeMarkdown 我修改的只是ui R如下 Show a plot of the generated d

  • 在我的 CentOS 机器上找不到wireshark init.lua

    所以我试图在我的 CentOS 7 服务器上获取一个与 tshark 一起使用的脚本 但我遇到了问题 该脚本在我的Windows笔记本电脑上运行良好 我只是将其放在appdata的plugins文件夹中 但我在linux上找不到类似的位置

  • 如何检索泛型方法的名称，包括泛型类型名称

    In C 我有一个具有以下签名的方法 List

  • 如何设置内容类型标头以响应 Pyramid Web 框架中的特定文件类型

    我正在使用金字塔网络框架来构建一个网站 我不断在 Chrome 控制台中收到此警告 资源解释为字体 但使用 MIME 类型 application octet stream 传输 http static images fonts font

  • Draw.io XML 文件的格式？

    我在 draw io 中创建了一个形状并将其导出以获取其 XML 文件 如下所示

  • 如何将 gRPC 定义的 API 引入 Web 浏览器

    我们想要为我们的 gRPC 微服务构建一个 Javascript HTML gui 由于浏览器端不支持 gRPC 我们想到使用 web sockets 连接到 node js 服务器 该服务器通过 grpc 调用目标服务 我们努力寻找一个优

热门标签