浏览器引入gRPC的现况

时间: 2019-01-09阅读: 2356标签: 浏览器

gRPC 1.0于2016年8月发布,现已发展成为应用通信的首选技术解决方案之一。它已被全球的初创公司、企业公司和开源项目采用。它对多语言环境的支持、关注性能、类型安全性和开发者生产力已经改变了开发者设计架构的方式。

到目前为止,基本上只有移动应用程序和后端开发者获得这些好处,而前端开发者不得不继续依赖jsON REST接口作为其主要的信息交换方式。然而,随着gRPC-Web的发布,gRPC有望成为前端开发者工具箱中的有价值补充。

在这篇文章中,我将描述gRPC在浏览器中的一些历史,探索当前的状态,并分享对未来的一些看法。


初期

在2016年夏天,Google和Improbable(1)的团队独立地开始实施可以称为“浏览器的gRPC”的东西。他们很快发现了彼此的存在,并聚在一起为新协议定义了规范(2)。

gRPC-Web规范

目前无法在浏览器中实现HTTP/2 gRPC规范(3),因为没有浏览器API对请求提供足够的细粒度控制。例如:没有办法强制使用HTTP/2,即使有,也无法在浏览器中访问原始HTTP/2帧。gRPC-Web规范从HTTP/2规范的角度出发,然后定义差异。这些特别包括:

  • 支持HTTP/1.1和HTTP/2。
  • 在请求/响应主体的最末端发送gRPC跟踪程序,如gRPC消息头(4)中的新位所示。
  • 用于在gRPC-Web请求和gRPC HTTP/2响应之间进行转换的强制代理。


技术部分

基本思想是让浏览器发送正常的HTTP请求(使用Fetch或XHR),并在gRPC服务器前面有一个小代理,将请求和响应转换为浏览器可以使用的内容。



两个实现方式

Google和Improbable的团队在两个不同的存储库中实现了规范(5,6),并且采用了稍微不同的实现,它们都不完全符合规范,在很长一段时间内都不兼容另一个代理(7,8)。

Improbable的gRPC-Web客户端(9)以TypeScript实现,可以在npm上以grpc-web-client(10)获得。还有一个Go代理可用,既可作为导入现有Go gRPC服务器的软件包(11),也可作为独立代理,将任意gRPC服务器暴露给gRPC-Web前端(12)。

Google的gRPC-Web客户端(13)使用Google Closure库(14)以JavaScript实现,可以在npm上以grpc-web(15)获得。它最初附带作为NGINX扩展实现的代理(16),但后来在Envoy代理HTTP过滤器(17)上提供,该过滤器自v1.4.0以来在所有版本中都可获得。


功能集

gRPC HTTP/2的实现都支持四种方法类型:一元(unary)、服务器端、客户端和双向流。但是,gRPC-Web规范并未强制要求任何客户端或双向流支持,只是在浏览器中实现WHATWG Streams(18)后才会实现。

Google客户端支持一元和服务器端流,但仅在与grpcwebtext模式一起使用时才支持。grpcweb模式只完全支持一元请求。这两种模式指定了在请求和响应中编码protobuf有效负载的不同方法。

Improbable客户端支持一元和服务器端流,并且实现根据浏览器功能在XHR和Fetch之间自动选择。

这表格总结了支持的不同功能:


有关此表格的更多信息,请参阅我在github上的兼容性测试repo

兼容性测试可能演变为一些自动化测试框架,以便在将来强制执行和记录各种兼容性。


兼容性问题

当然,有两个不同的代理也会出现兼容性问题。幸运的是,最近已经解决了这些问题,因此你可以期望将任一客户端与任一代理一起使用。


未来

Google的实施在2018年10月(21)公布了版本1.0和一般可用性,并公布了未来目标的路线图(22),包括:

  • 类似jsON的有效消息编码
  • Node、Python、Java等的进程内代理
  • 与流行框架集成(react、Angular、vue
  • Fetch API传输以实现内存高效的流式传输
  • 双向流支持

Google正在寻求有关哪些功能对社区很重要的反馈,如果你认为其中任何一项对您特别有价值,请填写他们的调查(23)。

两个项目最近的对话已经同意将Google客户端和Envoy代理作为新用户的首选解决方案。Improbable的客户端和代理将作为规范的替代实现,而不依赖于Google Closure,但应被视为实验性的。将为现有用户生成迁移指南,以便迁移到Google客户端,团队也正在共同协作所生成的API。


结论

Google客户端将继续以稳定的速度实施新的功能和修复,其团队致力于成功,并且它是官方的gRPC客户。它没有像Improbable客户端那样的Fetch API支持,但如果这是社区所需的一个重要功能,它将被添加。Google团队和更大的社区正在为官方客户端进行合作,以使gRPC社区受益。自GA宣布以来,社区对Google gRPC-Web存储库的贡献大幅增加。

在两个代理之间进行选择时,功能没有区别,所以它成为你部署模型的问题。Envoy将适合某些场景,而进程中的Go代理有其自身的优势。

如果你今天开始使用gRPC-Web,请先试用Google客户端。它具有严格的API兼容性保证,并建立在Gmail和Google Maps使用的坚如磐石的Google Closure库基础之上。如果你需要Fetch API的内存效率,或实验性的websocket客户端和双向流,Improbable客户端是一个不错的选择,并且在可预见的未来继续由Improbable使用和维护。

无论哪种方式,gRPC-Web都是Web开发者的绝佳选择。它将复杂协议的可移植性、性能和工程设计引入浏览器,并为前端开发者带来激动人心的时刻!


作者:Johan Brandhorst 
来自:https://mp.weixin.qq.com/s/45_B3mzVgqlr4Q8Ji19o-w 


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1804

window.open被拦截的解决方法总汇

介绍window.open方法被浏览器拦截的处理方式。在 Chrome 的安全机制里,非用户直接触发的 window.open 方法,是会被拦截的,这是由于浏览器为了维护用户安全和体验,下面采用几种变通方法解决:表单提交的方式、onclick事件、延迟打开等

如何将网站设置为浏览器首页

提示:按 Ctrl + D 即可添加网址到浏览器收藏夹中,方便下次访问fly63导航。下面是如何设置首页的方法。Google Chrome浏览器设为首页的方法;Firefox火狐浏览器设为首页的方法

防止用户在浏览器下调试查看js代码

浏览器可以通过F12或者鼠标右键的形式打开html页面,然后就可以看到页面的的信息,如dom结构,加载文件、请求信息等。那有没有办法禁止掉这一行为呢?

Js详细判断浏览器运行环境

看到标题,大家就能想起这个需求在很多项目上都能用到。我们部署在Web服务器上的前端应用,既可以用PC浏览器访问,也可以用手机浏览器访问,再加上现在智能设备的推广,我们甚至能在车载系统、穿戴设备和电视平台上访问

浏览器缩放,会导致布局打乱,解决方法?

在刚学会做自适应的时候,我们喜欢用百分比定义宽度,却会遇到这样一个现象,如果页面头部样式定义了宽度100%,那么当浏览器窗口缩放的时候就会发现有部分内容被截断或显示不全。 原因通常就是你的元素浮动了

用JavaScript让你的浏览器说话

最近在开发一个个人项目时,我冒出了一个尝试让浏览器说话的想法。不知道该怎么做,于是,我在网上寻找了一下答案,在MDN上,我找到了答案。让我们来看看如何通过JavaScript让浏览器说话。

Google阻止我写Web浏览器?

Metastream 创始人 Samuel Maddock 在其博客中称:“过去的两年中,我一直致力于一个网页浏览器的开发,却被谷歌阻止。开源浏览器 Chrome 的创建者竟不允许将数字版权授予开源项目。

js禁止浏览器保存用户密码

在HTML中,除了要用的密码框以外,额外添加一个密码框,设置为隐藏,注意:添加的用来干扰的密码框,必须在有用的密码框的上面,上面任何地方都行,就是不要在下面。

浏览器执行js原理

是不是大都数前端开发者都会有这样的疑惑,确实,我自己在开发的过程中每次碰到promise,setTimeout,requestAnimationFrame都会去想,在这个执行的过程中到底发生了什么?

GeckoView:Mozilla面向移动浏览器打造的渲染引擎

Mozilla 现已推出面向 Android 的全新移动浏览器 Firefox Preview。与大多数浏览器所采用的 Bink 渲染引擎不同,Firefox Preview 的渲染引擎 GeckoView 由 Mozilla 自行开发

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!