PWA 即将终结应用程序商店!

article/2025/9/20 12:23:14

640?wx_fmt=gif

渐进式Web应用很快就会将用户从Google Play和iOS应用商店中解放出来。

640?wx_fmt=jpeg

作者 | Owen Williams

译者 | 弯月,责编 | 屠敏

出品 | CSDN(ID:CSDNnews)

苹果和Google将产品统统锁在了他们的应用商店,现在就让我们来摧毁这些围墙花园吧。如今,新一代的渐进式Web应用(Progressive Web Application,简称PWA)已经在台式计算机上扎根,而且很快就会入住智能手机,永久地改变用户下载应用的方式——以及应用的来源。

最新预览版本的Google Chrome(该浏览器占据了全球浏览器市场份额的63%)更新表明了这一趋势。现在,用户只需单击URL栏中显示的按钮,即可从各个站点安装应用,然后就可以访问强大的基于Web的服务了,比如Spotify,也就是说不需要去应用商店,也不需要访问下载页面了。

640?wx_fmt=png

这些安装按钮让我们看到了未来应用程序的神奇之处。只要你使用支持该功能的浏览器访问PWA,例如Spotify的Web播放器,那么就会看到像桌面应用一样的体验,还有一个安装应用的新选项。

安装完成后,你就可以在浏览器外部,通过独立的窗口打开应用,创建桌面快捷方式,并享用一套完整的功能,比如通过计算机的媒体键跳过曲目或暂停音乐等,与本地应用完全一样。

640?wx_fmt=png

这些应用程序还可以通过即将推出的改进完成更多的功能。Chrome中有一个隐藏选项,可以允许PWA在访问相关链接时自动运行,例如Twitter的PWA可以像桌面应用一样,自动将推文URL重定向到正确的位置。

表面上看起来,PWA可能更像是普通的网站,但其实它们背后是一种新技术,它们的行为更像传统应用,拥有离线支持、推送通知、键盘快捷方式,甚至能够安装到桌面或主屏幕上。

640?wx_fmt=png

对于那些构建用户每天都会使用的应用的公司来说,这些发展非常重要。很多公司都可以利用这种Web技术来节省时间和金钱,并降低开发复杂性,因为这项技术可以大大减少将功能发送到每个操作系统所需的时间。

在这项Web技术的支持下,同一套代码可以在所有设备上运行,因此Slack、Spotify、Twitter、Visual Studio Code和WhatsApp等热门应用已经开始使用这项技术来构建他们的桌面应用。我们可以利用一个名为Electron的工具,用基于Web的编程语言编写应用,同时还可以将这些应用集成到操作系统,支持推送通知和离线访问。

为操作系统构建应用是一项昂贵且耗时的难题,因此大家都愿意选择可以显著降低成本,并扩大用户范围的方式。在PWA的帮助下,我们无需再使用Electron,就可以将应用原生地集成到以Chrome为基础的操作系统中。

移动电话上的PWA略有不同。通常,应用下载到手机的唯一方式就是访问Google和苹果集中运营的应用商店。严格来说,Google允许用户从第三方供应商那里下载和运行程序,但是默认情况下该功能是被禁用的,而且每次Android的更新都会让这项功能更加麻烦。因此,大多数用户都生活在这两家巨头垄断的市场下。

640?wx_fmt=png

从理论上来说,PWA也可以在移动设备上运行,而且它们占用的资源可能比传统应用还要少。虽然有这些好处,然而这两家巨头中只有一家似乎愿意打开大门接受PWA。多年以来,Google一直致力于集成Android和PWA,可以让用户安装应用,接收推送通知,甚至在离线状态下使用PWA。我在自己的应用中添加了一个PWA(https://writetogether.space/):我只用了几个小时实现了基本的功能,目前Android用户可以在本地安装该应用,并添加了离线支持等功能。

然而,苹果却在支持PWA所需的许多Web标准方面驻足不前。虽然苹果并没有透漏他们的计划,但不难想象这些功能将威胁到其主要的收入来源,而且还会减少人们实际下载应用的次数。

即便如此,Google和苹果都鼓励大家在他们的平台上开发“原生”代码:将应用开发人员锁定到Google Play或iOS应用商店,可以让这两家公司从大量的应用销售中牟利,同时还可以保持对其平台内容的控制权。像Metadata+(旨在收集美军无人机在全世界范围内执行袭击的消息)这种多次遭到苹果的封杀的应用,理论上可以在iOS上作为PWA使用。这也意味着像Infowars这样的“非平台化”服务也能够以应用的形式存在,但至少苹果会失去官方应用商店带来的巨大销售分成。

无论如何,PWA运动已经在一众支持者的推动下获得了前进的动力。Facebook在F8大会上推出的新设计其实也是一个PWA。而且该PWA还展示了这项技术在改善用户体验方面的强大功能。

即将到来的新版Facebook感觉更像是一个应用,而不是一个网站。这个版本的Facebook为桌面版本奠定了基础,这也是第一次没有经过浏览器发行的版本。Twitter的新网站也是PWA,移动网站的彻底改革造就了该PWA,并最终成为了默认模式。

下面这些数据说明了为什么PWA越来越受应用开发人员的喜爱:Tinder表示,PWA将加载时间从11秒减少到4秒,而且与原生Android应用相比其服务缩减了90%。AliExpress通过PWA,成功地实现了104%的用户转化率,并让用户在该服务上花费的时间增加了74%。

2018年末,微软宣布允许开发人员直接在其Windows商店中出售基于PWA的应用,这意味着全球数百万台计算机都可以安装这些应用。现在,微软计划为开放网络上的PWA应用创建索引,并自动将它们添加到商店。此外,人们普遍希望Google能够在2019年底之前,在Google Play商店中引入同样的功能。

在短期内,iOS上的Safari对PWA的支持仍然是一个问题,尽管关键功能被禁用,例如不支持在PWA中使用iPhone相机,或推送通知等,但随着苹果开始悄悄地实现部分标准,情况也会出现转机。

如果苹果继续阻止PWA的发展,那么他们的业界领导地位就会受到质疑。同时,这样做会也给苹果带来风险:过去类似的做法就曾引发反托拉斯调查和巨额罚款。

Web技术已经吞并了桌面应用,而Chrome和Edge中的即时安装按钮将完成这最后一步。如今,全世界数百万人每天都会在浏览器中耗费大量时间,因此Web成为应用的平台也合情合理。从封闭的生态系统,回到开放的网络,这是一种良好的转变。任何人都可以在开放的新世界里构建、发布应用,并让数百万人快速安装这些应用。

原文:https://onezero.medium.com/the-end-of-app-stores-is-rapidly-approaching-b972da395097

本文为 CSDN 翻译,转载请注明来源出处。

Python入门学习笔记,笔记在手天下我有!

https://edu.csdn.net/topic/python115?utm_source=csdn_bw

【END】

640?wx_fmt=jpeg

作为码一代,想教码二代却无从下手:

听说少儿编程很火,可它有哪些好处呢?

孩子多大开始学习比较好呢?又该如何学习呢?

最新的编程教育政策又有哪些呢?

下面给大家介绍CSDN新成员:极客宝宝(ID:geek_baby)

戳他了解更多↓↓↓

640?wx_fmt=jpeg

 热 文 推 荐 

任正非:华为海思芯片不是“备胎”!

Android 的安全性岌岌可危!

小米开源语音模型 Kaldi-ONNX 转换工具,助力移动端部署!

☞揭秘清华 AI 学堂班:姚期智担任首席教授,2019 年首批招收 30 人

程序员 520 脱单指南!

《使女的故事》大火,AI是背后最大推手?

☞十面九问的逆天异步神器-celery,你了解多少?

黑客亲述: "倾家荡产,是你们的事! "

Docker 系列学习文章 | 什么是容器云?

☞大神!这段代码让程序员躺赚200W,源码简单,你怎么看?

640?wx_fmt=gif点击阅读原文,输入关键词,即可搜索您想要的 CSDN 文章。

640?wx_fmt=png你点的每个“在看”,我都认真当成了喜欢


http://chatgpt.dhexx.cn/article/sRM4LwMX.shtml

相关文章

【PWA学习】1. 初识 PWA

什么是PWA PWA(Progressive Web Apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势 我们需要理解的是,PWA 不是某一项技术&am…

搭建BWAPP靶场(详细过程)

靶场介绍 bwapp是一款非常好用的漏洞演示平台,目的是帮助网络安全爱好者、开发人员和学生发现并防止网络漏洞。包含有100多个漏洞,涵盖了所有主要的已知Web漏洞,包括OWASP Top10安全风险,最重要的是已经包含了OpenSSL和ShellShoc…

PWA的探索与应用

本文由云社区发表 PWA(Progressive Web App)起源背景 传统的Web网页存在以下几个问题: 进入一个页面必须要记住它的url或者加入书签,入口不便捷;没网络就没响应,不具备离线能力;不像APP一样能…

PWA 应用列表及常用工具

引言 在做 PWA 的过程中自己写了一些相关的应用和工具,在这里整合下,方便记录及查找使用。 应用列表 PWA 支持检测工具番茄钟二维码生成新闻应用身体数据统计应用支付宝集福应用田英章书法字典应用抖音无水印下载应用很好用的备忘录精神氮泵 PWA 支持检…

【技术】PWA实践 - 应用激活与安装

文章目录 你能用这项技术做什么?适合人群你可以学到什么 应用激活与安装激活与安装Manifest注意 Service WorkerStorage 管理应用 Demo本章参考资料 你能用这项技术做什么? 使用PWA能让你的web网页在支持使用最新版本Chome浏览器的桌面端(wi…

正确使用PWA

作为一个前端程序员,在没有任何Android/IOS的开发情况下,想想我们有多少种方法来开发一个原生移动应用程序!我们可以有非原生、混合开发,PWA等等手段。类似uniapp,Reactive native为我们提供了更简便的手段&#xff01…

PWA应用入个门

文章目录 什么是PWA应用核心技术清单如何添加PWA应用到手机苹果手机:安卓手机: PWA应用VS微信小程序参考资料 什么是PWA应用 PWA(Progressive Web App)是一种理念,使用多种技术来增强web app的功能,可以让网站的体验变得更好&…

什么是 PWA?有什么用?送三本《PWA入门与实践》!

很高兴受到《PWA入门与实践》作者王乐平老师的邀请,为这本书写推荐语。 下面我们就听听作者王老师带你快速玩转 PWA 吧! 文末有给各位粉丝的福利!抽奖送出三本《PWA入门与实践》。 导读:如今,互联网大流量早已进入了移…

关于PWA的各种问题

目录 前言 PWA的简单了解和需求 项目manifest.json和sw的无脑生成神器 安装 注册 动态配置manifest.json IOS无法获取webpack-pwa-manifest中配置的icon 来自因为需求而产生的静态manifest.json的坑 前言 — 以下结论和方法均为个人摸索,涵盖从度娘那儿找到…

PWA 概念及核心功能的基本介绍

目录 一. PWA 概念介绍 1.1 什么是 PWA? 1.2 为什么会出现 PWA? 1.3 如何判断一个 web 应用是 PWA? 二. PWA 核心功能 2.1 何谓 Service Worker 2.2 注册 Service Worker 2.3 Service Worker 常用事件 2.3.1 install 2.3.2 fetch 2.4 Manife…

PWA系列:第一章 PWA使用场景分析

前言 2018年4月份起微软的应用商店上线第一批PWA应用以来,近一年随着safari开始支持ServiceWorkers,国内浏览器厂商也逐步开始大力加持,到本课程发稿起95%以上的浏览器都支持了PWA的横幅安装。PWA轻应用也逐渐被广大站点使用和推广。 PWA轻应…

PWA(Progressive Web App)入门系列:(一)PWA简介

前言 PWA做为一门Google推出的WEB端的新技术,好处不言而喻,但目前对于相关方面的知识不是很丰富,这里我推出一下这方面的入门教程系列,提供PWA方面学习。 什么是PWA PWA全称Progressive Web App,直译是渐进式WEB应用…

一文读懂什么是 PWA?

什么是 PWA? 1. 概念2. 特性3. 功能4. 优势与劣势5. 发展 1. 概念 PWA 是 Google 于 2016 年提出的概念,于 2017 年正式落地,于 2018 年迎来重大突破,全球顶级的浏览器厂商,Google、Microsoft、Apple 已经全数宣布支持…

PWA(Progressive Web App)入门系列:(三)PWA关键技术Manifest

前言 前面说过,让Web App能够达到Native App外观体验的主要实现技术就是PWA中的manifest技术,本章会详细说明manifest的实现,及各个参数的具体含义,还将了解如何定义Web App的启动图标、启动样式等。 简介 manifest是一种简单的…

一文了解PWA——Progressive Web App

近年来,出现了一种新的应用开发模式——PWA(Progressive Web App,即渐进式Web应用)。今天就来为大家分享什么是PWA,以及它与小程序的区别、技术原理。 PWA的基本概念和技术原理 PWA是一种基于Web技术的应用开发模式&a…

PWA相关知识

http://www.leiphone.com/news/201606/UEiart497WUzS62u.html 我们真的需要网页版App吗?Google PWA的困局 其实回来的两周里,我对Progressive Web App(以下简称 PWA)的理解也在不断更新,现在是思考更为全面的时候。 一…

PWA介绍及快速上手搭建一个PWA应用

PWA初次体验 ​ 前言:本示例不用安装任何东西 部分资源来自网络资源及PWA官网,不要把PWA想象的太复杂,跟着示例走一下,你行的。 PWA介绍 一个新的前端技术,PWA( 全称:Progressive Web App &…

PWA详解

PWA(Progressive Web App,渐进式网页应用,逐渐接近原生app的web app)是一种理念,使用多种技术来增强web app的功能,可以让网站的体验变得更好,能够模拟一些原生功能,比如通知推送。在…

PWA应用

一、什么是PWA应用 一个新的前端技术,PWA( 全称:Progressive Web App )也就是说这是个渐进式的网页应用程序。 官网:https://developers.google.com/web/progressive-web-apps/ 是 Google 在 2015 年提出,…

汽车金融风控企业如何开展风控体系建设

汽车融资租赁主要有直租和回租两种模式,相对回租业务而言,直租因更具盈利优势和用户体验优势而备受瞩目。2017年大搜车、易鑫、优信和瓜子等巨头纷纷涉足直租领域,厂家金融和经销商集团金融机构随后跟上,直租模式在国内开始呈现井…