海岛心hey

PWA 在 2020

PWA 在 2020
2020-01-20 · 6 min read

Steve Jobs 最初提出的 Web 应用程序的想法 “看起来和使用起来完全想本地应用程序”,已经过去 12 年了。并且从 “PWA” 术语被创造出来已经 4 年多了。在 2020 年刚开始的时间点,渐进式 Web 应用程序看起来怎么样了?在 2019 年添加了你可能不知道的内容到这个生态系统?让我们一起来看看吧!

定义

PWA 的定义从来都不是一成不变的,每个开发者都有所不同。就我而言,我在 2020 年将 PWA 定义为一种设计模式,使其具有不同 API 的网络技术开发应用程序体验,例如用于资源管理的 Service Worker,用于浏览器安装的 Web App Manifest,用于 Play 商店发行的 Trusted Web Activities,等等。

我的 JSConf Europe 2019 演讲中的现代 PWA 速查表

🎖使用

获得有关有多少公司正在开发 PWA 或用户如何对 PWA 进行安装的信息是不太容易的,我对 2019 年新增使用 PWA 的公司或更多使用它的公司没有特别的感觉。有一些利基市场[1],例如人们寻求删除本季应用程序的隐私,但是这并不是一个大市场。

我们看到在 2019 年,全球访问量最大的网站之一且提供 PWA:YouPorn,但是我们没有使用情况信息。你可以在此处查看有关 YP PWA 的信息(连接中没有色情内容,请放心打开)

世界上访问量最大的网站之一,现在提供了 PWA

可以在桌面上安装 PWA 仍然是新功能(对于开发人员,网站所有者和用户而言)。我还没有看到那么多针对桌面优化的 PWA,但是从 2020 年开始,随着微软推出新的 Edge,我们可能会看到这种增长。在 2019 年期间,星巴克和 Uber 花了一些时间谈论他们在桌面上运行 PWA,例如在为 Uber 建立更无缝的预定流程中。

Produck 是我发现于 2019 年初发布的首批针对桌面优化的 PWA 之一

我们仅有的有关 PWA 的最新数据来自三星浏览器

因此,在 2019 年 4 月至 12 月期间,我们有 80,000 个不同来源的内部至少有一个 PWA;虽然不能准确地计算出不同的 PWA,但这是一个很好的近似值。三星浏览器占用户的 6%,因此,这样来看代表整个网络的用户数量很多。

你可能说,与 Play Store 中的 290 万个 APP 或 App Store 中的 390 万个 APP 相比,它并不是很理想。但是,我们不知道在过去 9 个月中有多少应用至少安装了一次,才能进行比较。另外我们拥有域名信息,而不是不同的 PWA,因此最好将 80,000 与商店中不同发行者的数量进行比较,其中 Play Store 中约为 800,000 个,App Store 中为 792,000 个。以这个数量来看,我们可以说与原生应用相比,可能有 10% 的 PWA。但是我们需要记得,商店中 80% 的新下载内容仅来自 1% 的发行商。现在,有了 Google Play Store,比较将变得更加困难。

⊹ 平台

93% 的用户使用的浏览器中,已经全面支持了 PWA(包括 service workers)

有 86% 的用户可以使用浏览器安装 PWA(82% 浏览器安装,4% 仅来自商店,而不是其当前使用的浏览器)

我们可以安装 PWA 在 Android, iOS, iPadOS, Windows 10 (and future 10X), Windows 7, Windows 8.x, Xbox One, macOS, Linux 64 bits, Chrome OS and kaiOS

我们还可以说,不能以任何方式在智能手表,智能电视, Apple TV,Chromecast,Android TV,特斯拉汽车(是的,该汽车带有浏览器),另外还有游戏机,数字助理如 Facebook Portal,Nest Home 或 Amazon Echo 或 VR/AR 二级(例如 Oculus 耳机)等中安装 PWA。

我看到了 PWA 在 VR/AR 头戴设备,数字助理和事件游戏上的潜力,但它们也将与公司内部政治作斗争。

让我们看看可以在 2020 年 1 月 安装 PWA 的平台。

Android

我们可以使用以下方法在 Android 设备(手机和平板电脑)上安装 PWA:

  • 浏览器安装:Chrome(WebAPK)/Firefox/Samsung Internet(仅 Samsung 设备上的 WebAPK)/UC/Edge/Opera/Brave/百度。其他浏览器也可能有此选项(主要是因为它们基于 Chromium),但是哪里错误太多了。
    无法安从 Facebook 移动浏览器,Firefox 预览,WebvView,自定义选项卡或 Chrome 浏览器为 DayDream(VR 模式)安装 PWA。另外,如果手机没有主屏幕应用程序(例如在 Kiosk 模式下),则根据浏览器会发生奇怪的事情。

Android 仍然是唯一支持 Web App Manifest 规范中的三个“app”模式的平台

  • 企业发行版:使用托管的 Google Play iframe,这是 Play Store 团队的一项服务,使用 WebAPK 提供的服务,并且与 Chrome 团队没有关系(Google I 中的政策有说明)

  • App Stores:通过将 URL 提交到将使用 WebAPK Samsung Minting

还没翻译完...

原文地址:https://medium.com/@firt/progressive-web-apps-in-2020-c15018c9931c


  1. 利基市场:指由已有市场绝对优势的企业所忽略的某些细分市场,并且在此市场尚未完善提供服务。利基:较小的一块区域(较狭窄的顾客群),有利润而又专门性的市场。 ↩︎