-http2的含义是什么，而websockets则不提供客户使用的API？

Question

https://stackoverflow.com/a/a/42465368/462608

Websockets仍然可以在哪里？最大的是服务器 - ＆gt;浏览器推出的二进制数据。 http/2确实允许服务器 - ＆gt;浏览器按下二进制数据，但在浏览器js中不会暴露出来。对于按下音频和视频帧等应用程序，这是使用Websocket的原因。

当他们说推动二进制数据未在浏览器JS中暴露的二进制数据时，这是什么意思？我要求一些例子来帮助我理解这一点。

https://stackoverflow.com/a/47108355

，因此http2推动实际上是您的浏览器和服务器之间的某些内容，而WebSocket确实会揭示客户端（JavaScript，如果在浏览器上运行）和应用程序代码（在服务器上运行）可以使用的API，以实时传输实时传输实时传输数据。

我请求一些示例，以使我了解http2 push的含义实际上是您的浏览器和服务器和WebSockets（socket.io）具有API之间的含义，客户端可以使用。

这意味着什么？

Answer 1

在这里，我们谈论的是双向（bidi）消息传递 server 和 client 。在您的情况/问题中，客户是浏览器。

要了解发生了什么，我们应该了解什么是HTTP/2和Websocket。

• 它们俩都是与应用程序层
• HTTP/2相关的协议是HTTP/1的继任者。尽管WebSocket与HTTP不同，并且是为了在客户端和服务器之间提供全双工通信而创建的。
• http/2 支持双向流但是您 not not 从JavaScript HTTP/2访问此流
• 可以使用此流将数据“将”数据推向浏览器。但是，推送的数据只能由浏览器处理，而您的JavaScript对此一无所知。服务器可以使用它来推动其他资源。例如，浏览器请求index.html和index.html返回的index.html和服务器，也请索引。CSS，因为它知道浏览器会请求index.css。因此，当浏览器开始解析index.html并在index.css上查找链接时，它将从缓存中获取。
• WebSocket提供双向流，您可以访问JavaScript的此流。因此，您可以使用 发送 send 将消息推向服务器的方法。反之亦然，服务器可以使用相同的流/频道将消息推向浏览器，

因此现在我们可以尝试回答问题

当他们说推动二进制数据未在浏览器JS中暴露的二进制数据时，这是什么意思？

这意味着，如果服务器对您的请求“推”其他数据，则您将在JavaScript中不知道它。

fetch('/index.html') 
// Server respond with index.html data and
// "Push" index.css data but in response you get only index.html data
.then((res) => res.text()).then(console.log) // Only index.html data

，因此http2推动实际上是您的浏览器和服务器之间的某些内容，而WebSocket确实会揭示客户端（JavaScript，如果在浏览器上运行）和应用程序代码（在服务器上运行）可以使用的API，以实时传输实时传输实时传输数据。

http/2“按”'其他数据可以由浏览器使用来实现浏览器缓存。您可以阅读有关它的信息在这里。
中的属性来获取服务器数据的任何推动

websocket.addEventListener('message', (data) => {
  console.log(data) // Pushed by server data
})

使用WebSocket，您可以使用WebSocket onMessage javaScript 但是 ！浏览器提供允许您使用http/2流但以仅阅读模式使用。这意味着您可以订阅服务器事件，但无法将事件从客户端发送到服务器。因此，它仅在一个方向（从服务器 - ＆gt;到客户端）上工作。另外，如果服务器不支持http/1 http/1.x上的http/2浏览器后备