PWA 是我们的未来
我有信心预测,未来几年,渐进式 Web 应用 (PWA) 将取代原生应用。事实上,我相信未来 5 年,至少 80% 的手机非游戏类新应用将采用 Web 技术开发。
PWA 已经存在 12 年了
史蒂夫·乔布斯在2007年预测得非常正确。他不仅对未来至少12年的手机形态做出了正确的预测,而且对移动应用的形态也做出了正确的预测。他宣布, iPhone应用的标准格式将是我们现在所说的HTML5。应用将不需要SDK,可以轻松访问原生功能,因此任何有Web开发背景的人都可以轻松构建。
苹果很快就意识到这不再是他们想要的方向。他们推出了 iOS SDK,原生开发变得更加复杂。原本打算在浏览器中运行的功能变成了只能在原生环境中运行,迫使开发者学习新的语言,并转向原生开发者。
从那时起,Web 开发得到了长足的发展。如今,许多 Web 应用程序的功能比原生应用程序更加丰富,也更加令人印象深刻。JavaScript 已成为一股不容小觑的力量,随着 Android 和 iOS 平台引入 PWA 支持,Web 开发者无需学习一门全新的语言,即可构建原生应用,这是一个真正的未来。
PWA 是我们最好的
渐进式 Web 应用程序与其他 Web 应用程序不同。这些特定的应用程序具有一些特性,并且需要满足一些要求才能被视为真正的PWA。
可靠
渐进式 Web 应用即使在没有互联网连接的情况下也需要可访问,这不仅仅局限于一个“我们目前不可用”的页面。每个 URL 都需要可访问,即使只是为了显示已缓存的数据。除此之外,渐进式 Web 应用必须通过 HTTPS 提供,需要在平板电脑和移动设备上响应迅速,并且整个网站必须跨浏览器运行。
快速
渐进式 Web 应用必须足够快。它必须足够快,以至于用户在 3G 网络上首次加载时不会崩溃。因此,请启动并运行异步脚本,移除一些阻塞渲染的 CSS,并优化现有的代码!
引人入胜
最后但同样重要的一点是,PWA 需要引人入胜。它需要像原生应用一样流畅、一致地运行。没有卡顿的滚动,无需等待导航,当有重要更新需要用户知晓时,PWA 甚至可以支持推送通知。对于原生应用体验而言,最重要的或许是应用的启动。这些应用位于用户的主屏幕上,这意味着它们需要包含所有必要图标的清单,并在应用在后台加载时显示可用的启动画面。
支持正在增长
虽然 PWA 最初设计为在移动设备上感觉原生,但它正获得越来越多的支持,包括 Chrome (73) 的最新更新,使 PWA 能够安装在 Chrome OS、Linux、Mac 和 Windows PC 上。当然,并非所有功能都会立即得到支持,但随着 PWA 越来越受欢迎,其功能也会在每个平台上不断增加。目前,只有 Android 版 Chrome 支持 PWA 所需的所有主要功能,但 Apple 的 Safari(iOS 版)正在迅速跟进。很快,原生应用和 PWA 的功能之间将不再有实质性的差异。
这很容易
构建 PWA 非常简单。如果您有使用 VueJS 及其 CLI 的经验,即使您还不了解它,您可能也已经创建过 PWA 了。没错,PWA 有严格的要求,需要运行良好,但让您的页面感觉快速流畅已不再困难。
PWA 不再是什么晦涩难懂的技术,你无需费力翻阅 12 篇 StackOverflow 帖子就能搞定。市面上有很多可靠的指南,教你如何编写这些应用程序并针对各种操作系统进行优化。谷歌有一个很棒的指南,教你如何在不使用 JS 框架的情况下创建你的第一个 PWA,此外,还有很多类似的指南,适用于不同的框架和标准。
在未来的文章中,我将撰写有关如何在 VueJS 中开始使用 PWAs 的指南,所以如果您像我一样热爱 Vue,那么请继续关注!
综上所述
PWA 既是未来,也是我们的过去。谷歌或许创造了“渐进式 Web 应用”这个术语,但史蒂夫·乔布斯早在十多年前就预见到了这一点。未来,您可以使用 JavaScript 编写类似原生应用的应用程序,无需经历繁琐的构建步骤和令人抓狂的应用商店。PWA 几乎可以完全访问设备的原生功能,必将取代原生应用,成为我们在所有设备上打造卓越体验的首选方式。
文章来源:https://dev.to/stefandorresteijn/pwas-are-our-future-5591