前言
PWA（Progressive Web Apps）是在 Web 行业中较为新兴的技术，它能够将 Web 应用程序的体验与原生应用程序相媲美。而 HTTPS（HyperText Transfer Protocol Secure）是用于提供 Web 数据私密性和安全性的网络协议。本文将探讨 PWA 与 HTTPS 的关系，并且介绍 PWA 与 HTTPS 的结合优势。
PWA 与 HTTPS
PWA 是一个有很高标准的 Web 应用程序，用户可以像使用原生应用程序一样使用它，比如即时更新，显示在主屏幕上而不需要下载，离线访问，给予推送通知和访问设备硬件等方面的功能。这一切都能因为缓存机制、Service Workers 和 Web App Manifest 来实现。
HTTPS 能够确保 Web 应用程序的数据传输安全，并且排除了恶意攻击的可能性，HTTPS 对于保持 Web 应用程序的安全性非常重要，它可以防止信息窃取和数据完整性问题，也能确保通过您的 Web 应用程序发送和接受的所有信息是加密的以便于信息的安全传输。
PWA 的实施需要深度理解 HTTPS，因为一些 PWA 的特性需要在 HTTPS 下运行才能够被使用。 PWA 的 HTTPS 要求主要有以下几点：
- 您需要使用 HTTPS 来连接 Web 应用程序的 hosted 网址
- Service Workers 也需要 HTTPS，因为它们可以用来攻击者创建的恶意内容的安全风险很高
- Chrome 浏览器第一次进入 PWA 时需要连接 HTTPS，不连接时不会触发 PWA 的安装流程。
PWA 与 HTTPS 的优势
安全性
了解到 PWA 需要运行在 HTTPS 环境下，那我们不难看出 PWA 能够给我们带来极高的安全性保障，利用 HTTPS 的加密传输数据的方式，确保用户数据不被窃取或篡改，同时提升用户对 Web 应用程序的信任与使用度。
性能
PWA 通过 Service Workers 提供了离线模式和缓存机制，这些特性能够减少 Web 应用对服务器的依赖，加快应用程序的加载速度，提高用户体验。同时在缓存机制的配合下能够有效的显著降低服务器负载，减少数据传输和带宽的占用。
可发现性
PWA 通过 Web App Manifest 提供了添加至主屏幕的方式，这样用户能够像使用原生应用程序一样，可以在主屏幕查看应用程序的图标，并且支持应用程序的推送通知机制，这样会使得应用程序的可见度和可发现性大大提升。
跨平台
PWA 通过 Web 技术实现，可以适用于所有主流的操作系统，包括 Windows、iOS、Android 和 Linux 等，它不像原生应用程序需要分别开发不同的版本，极大地降低了开发成本和维护成本，同时也为 Web 技术打造了更加广阔的应用领域。
示例代码
为了更好的说明 PWA 如何与 HTTPS 结合，这里提供一个使用 HTTPS 的 Service Workers 的例子：
-- -------------------- ---- -------
------------------ -- ---------- -
-----------------------
-------------------
---------------- - -------------------- ------ ------------- ---
-
------------------------------ --------------- -
------------------
---------------------------
------------------------ -
------------ -
------ ---------
-
------ ---------------------
--
--
---结论
查阅本文，我们对于 PWA 与 HTTPS 的关系有了进一步的了解，同时我们发现了 PWA 在与 HTTPS 结合使用的优势，而它又能够以极小的成本为用户提供更好的体验。在实施自己的 Web 应用程序项目中，尽可能的使用 HTTPS 以及 PWA 技术是非常有帮助的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6731c2e90bc820c5823a4619