[Vue Mastery] 使用Vue3的渐进式应用 | Progressive Web Apps with Vue 3

使用Vue3的渐进式应用

Progressive Web Apps with Vue 3

虽然 Web 应用程序是一种强大且流行的吸引用户的解决方案，但当您需要移动应用程序时会发生什么？与其用 Swift 或 Kotlin 这样的移动语言重写整个应用程序，如果我们可以利用我们现有的工作并允许用户像安装移动应用程序一样安装我们的网络应用程序会怎样？

好吧，使用一种称为渐进式网络应用程序的技术，您可以！

渐进式 Web 应用程序 (PWA) 建立在 Web 应用程序应该具有类似应用程序体验的理念之上。有三个主要好处

1. 能够在本地安装：Web 应用程序过去仅限于用户记住 URL 或添加书签，但现在用户可以像任何其他应用程序一样将您的应用程序添加到他们的移动设备的主屏幕。
2. 用户可以离线使用你的应用程序：Web 应用程序过去也受用户是否连接到互联网的约束，但使用 PWA，这不再是限制。
3. 易于访问：只要用户拥有现代浏览器，他们就可以安装您的应用，而不受应用商店市场的限制。

此外，还有一些功能可以让您利用诸如

• 离线存储
• 推送通知

虽然 PWA 很棒，但必须了解它们不是原生构建应用程序的替代品，也绝不会使原生应用程序过时。由于 PWA 不会在设备上本地运行，这意味着它们在您可能期望从本地应用程序中获得的功能方面受到限制，例如

• 蓝牙
• NFC
• 高存储容量

此外，与我们在浏览器对某些功能的支持方面处理的问题类似，并非所有功能都在整个生态系统中得到支持。例如，在本次录制时，PWA 推送通知等功能在 Android 上有效，但在 iOS 上不受支持。

虽然这听起来像是一个交易破坏者，但请记住，任何技术的一个重要部分是了解权衡。而事实是，对于很多应用程序来说，这些功能并不是必需的，没有它们用户可以获得很多好处。

正如他们所说，有一个渐进式网络应用程序。

谈到 PWA 时，要关注的关键词是“渐进式”。换句话说，虽然它可能无法与移动应用程序在功能上相提并论，但这是一种渐进式增强，使我们能够在 Web 应用程序方面又向前迈进了一步。有很多值得庆祝的！

话虽如此，在本课程中，我们将了解如何使用 Vue 3 开始使用渐进式 Web 应用程序。