带有 Vue 3 的渐进式 Web 应用程序
讲师:Vue Msatery Team
口袋资源独家Vue Mastery付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
什么是渐进式网络应用程序?
虽然 Web 应用程序是一种强大且流行的接触用户的解决方案,但是当您需要移动应用程序时会发生什么?与其使用像 Swift 或 Kotlin 这样的移动语言重写整个应用程序,不如利用我们现有的工作并允许用户像安装移动应用程序一样安装我们的 Web 应用程序会怎么样?
好吧,使用一种称为渐进式网络应用程序的技术,您可以!
有什么好处?
渐进式 Web 应用程序 (PWA) 建立在 Web 应用程序应具有类似应用程序的体验的理念之上。主要有以下三个好处:
- 能够在本地安装它:Web 应用程序过去仅限于用户记住 URL 或为其添加书签,但现在用户可以像任何其他应用程序一样将您的应用程序添加到他们的移动设备的主屏幕。
- 用户可以离线使用您的应用程序:Web 应用程序过去也受用户是否连接到互联网的约束,但对于 PWA,这不再是限制。
- 易于访问:只要用户拥有现代浏览器,他们就可以安装您的应用程序而不受应用程序商店市场的限制。
此外,还有一些功能可让您利用以下功能:
- 离线存储
- 推送通知
有什么缺点?
虽然 PWA 很棒,但必须了解它们不能替代本机构建的应用程序,并且绝不会使本机应用程序过时。由于 PWA 不会在设备上本地运行,这意味着它们在您可能期望从本地应用程序获得的功能方面受到限制,例如:
- 蓝牙
- 近场通信
- 高存储容量
此外,与我们在浏览器对某些功能的支持方面处理的问题类似,并非所有功能都在整个生态系统中得到支持。例如,在录制此视频时,PWA 推送通知等功能在 Android 上可用,但在 iOS 上不受支持。
虽然这听起来像是一个交易破坏者,但请记住,任何技术的重要组成部分都是了解权衡取舍。而事实是,对于很多应用程序来说,这些功能并不是必需的,没有它们用户也可以获得很多好处。
听起来,有一个渐进式网络应用程序。
让我们重温
当谈到 PWA 时,要关注的关键词是“渐进式”。换句话说,虽然它可能不具备与移动应用程序同等的功能,但这是一种渐进式增强,使我们能够在网络应用程序方面向前迈出又一步。这有很多值得庆祝的地方!
话虽如此,在本课程中,我们将了解如何使用 Vue 3 开始使用渐进式 Web 应用程序。