探索HTTP/2 Push Promises在客户端/服务器间进行XHR测试

资源摘要信息:"在本节内容中，我们将探讨HTTP/2推送（push）机制，特别是如何利用这一特性进行客户端与服务器之间的简单交互测试。我们会介绍NodeJS环境下如何设置HTTP/2服务器，以及如何实现对资源的推送（Push Promises）。同时，我们将解释如何通过XMLHttpRequest（XHR）对推送的资源进行客户端测试，并且阐述当客户端支持HTTP/2时，资源是如何从缓存中被获取的。最后，我们会提供一个测试环境的搭建方法，包括如何使用特定的浏览器版本进行测试。" 知识点: 1. HTTP/2 Push Promises机制: HTTP/2推送（Push Promises）是一种服务器推送技术，允许服务器在客户端请求之前主动发送资源。这种机制可以减少延迟，因为客户端不必等待对资源的显式请求。当服务器预测客户端将需要某些资源时，它可以预先推送这些资源，客户端随后会将这些资源存储在缓存中。 2. NodeJS和HTTP/2: NodeJS是一个基于Chrome V8引擎的JavaScript运行环境，广泛用于构建高性能的后端服务。NodeJS支持HTTP/2，可以通过内置的http2模块或者使用第三方库如express-http2来提供HTTP/2服务。在NodeJS中设置HTTP/2服务器，可以优化资源的推送过程，提高Web应用程序的性能。 3. XHR（XMLHttpRequest）: XMLHttpRequest（XHR）是浏览器提供的一个API，用于在后台与服务器交换数据。通过XHR，可以发送异步请求到服务器，并在不需要重新加载页面的情况下更新网页的内容。在讨论的场景中，XHR被用来测试HTTP/2服务器推送的资源是否正确地被客户端缓存。 4. 测试HTTP/2资源推送: 为了测试HTTP/2服务器推送，客户端需要向服务器发起请求，服务器随后会将预测的资源以Push Promise的形式发送。客户端代码将尝试获取推送的资源，如果客户端支持HTTP/2，那么这些资源应该不会从服务器端请求，而是直接从客户端的缓存中获取。 5. 浏览器测试环境搭建: 使用特定的浏览器版本可以进行测试，以确保HTTP/2推送功能的兼容性。在这个示例中，推荐使用Chrome Canary 42版本进行测试，这是一个早期的Chrome开发版本，它提供了对新特性的支持和测试的可能性。 6. 测试流程: 首先，服务器端使用"node node-http2-push-server.js"命令运行基于NodeJS的HTTP/2服务器。然后，客户端打开"client.html"页面，并使用Chrome Canary 42浏览器进行交互。在这个过程中，客户端会发起XHR请求，服务器响应并推送资源。测试验证了客户端是否正确缓存了推送的资源，并且在后续请求中从缓存中获取了这些资源。 通过上述内容，我们可以看出，掌握HTTP/2推送机制不仅可以提升Web应用的性能，还可以优化用户体验。此外，了解如何在NodeJS环境中设置HTTP/2服务器，以及如何使用XHR和浏览器进行测试，对于开发人员来说都是非常重要的技能。