让你的站点（Web）一键变成APP（应用程序）

收藏

本帖最后由 dexteryao 于 2021-11-30 10:03 编辑

让你的站点（Web）一键变成APP（应用程序）
-- 渐进式 Web 应用（Progressive Web App简称PWA）介绍

Web应用方兴未艾，我们已经习惯了在PC上打开网页开始一天的工作，Windows的桌面也不再拥挤着各种快捷方式；移动端也习惯了通过各种小程序来访问自己感兴趣的内容。但是我们是不是也常常怀念本地应用，桌面双击即可运行，不用在开启的所有网页中找到我想去的那一个，没有网络也可以使用，感觉速度总是比网页要快。

PWA技术便是链接Web应用和原生应用的桥梁。

什么是渐进式 Web 应用（PWA）？
PWA 指的是使用指定技术和标准模式来开发的 Web 应用，让Web应用具有原生应用的特性和体验。
通过PWA技术，一方面应用开发还是Web开发的方式，简单的配置就可以完成，无需为各种操作系统制作安装包，应用的入口还是网页，在浏览器中一键安装，没有繁琐的访问应用商店下载过程。
另一方面可应用安装后，用户可以通过桌面图标快速访问，应用所需资源在第一次安装后离线缓存在本地离线也可使用，可以实时使用系统推送，应用自动升级无需重新安装。

image.png210761412.png

例如在Chrome中支持PWA技术的站点，可以直接在地址栏中点击安装，或者浏览器选项中点击install。

PWA现状
PWA 是 Google 于 2016 年提出的概念，于 2017 年正式落地，于 2018 年迎来重大突破，全球顶级的浏览器厂商，Google、Microsoft、Apple 已经全数宣布支持 PWA 技术。PWA的关键技术是Service Worker，目前桌面和移动设备上的所有主流浏览器都已支持。添加主屏幕、推送通知除了Safari其他主流浏览器都已支持。

可显示情况是在移动端PWA并没有市场，3G、4G到现在5G一个百兆的APP也瞬间被下载，除了坐飞机时我们的手机也不会离线。而在PC端，我们的电脑管家也没什么应用需要管理了，打开微信，打开网页就开始了一天的工作。

那PWA还有使用场景吗？PWA没有未来了吗？
从实际工作场景出发，在日常办公中，我们还依赖于Office等办公软件，在信息化的过程中，我们将各种工具集成到了Web应用中，比如在线Excel，在线报表设计。但是这些工具功能复杂，资源较重，同时对于一些需要实时反馈的工作流项目，及时开启网页也尝尝忘记操作。

下图使用PWA技术集成了SpreadJS在线表格编辑器的一款在线文档编辑应用，对于最终用户，完全保留了Excel的操作体验，多任务工作时，使用alt（cmd）——tab快速切换应用，系统级别推送实时关注工作状态。 image.png328650206.png

关于如何让站点支持PWA，下篇介绍

		自动登录	找回密码
密码			立即注册

让你的站点（Web）一键变成APP（应用程序）

0 个回复

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章