渐进式 Web 应用 (PWA) 简介

什么是应用程序？

• 必须在 App Store 中可以找到
• 图标必须出现在主屏幕上
• 触摸和手势控制
• 离线工作
• 接收推送通知
• 后台处理
• 访问硬件功能和传感器

什么是网络？

• 包含 URL 和链接
• 人类和机器都必须可读的标记和样式
• 逐步增强
• 免费实施

什么是渐进式 Web 应用程序？
它是一个吸收所有正确维生素的网站，并且必须具备以下所有功能：

• 响应式
• 离线工作
• 类似应用程序的交互（必须具有相同的外观和感觉）
• 新鲜（必须是最新的）
• 安全（安全，没有第三方窥探）
• 可发现（搜索引擎能够找到它）
• 可重新参与（推送通知）
• 可安装（能够在主屏幕上获得快捷方式）
• 可链接

渐进式 Web 应用程序的功能：

• 网络代理
• 应用程序包装
• 本地存储
• 后台同步
• 设备振动
• 电池状态
• 综合支付
• 点对点
• 页面可见性
• 媒体捕捉
• 媒体播放
• 网络共享
• 凭证管理

先决条件：

Java脚本
服务工作者

PWA 为 Web 带来了很多好处和功能，它们不需要重写整个应用程序。任何应用程序都可以通过添加一些额外的层来转换为 PWA。

创建 PWA 的步骤：

• 通过 HTTPS 提供服务
• 创建应用程序外壳
• 注册一个 Service Worker
• 添加推送通知
• 添加网络应用清单
• 配置安装提示
• 分析应用的性能
• 使用 Lighthouse 审核您的应用

PWA 中必须存在的主要功能是：

• 离线可用
• 添加到主屏幕
• 发送推送通知
• 后台同步

渐进式 Web 应用程序（在线提供）：

访问以下 Web 应用站点：

https://pwa.rocks/

https://sodapopped.com/

好处 ：

• 低数据使用量
• 无需更新
• 低成本
• 最适合 SEO
• 允许发送推送通知
• 可以在离线模式下工作

缺点：

• 不是一个功能齐全的应用程序
• 兼容性差
• 用户将无法获得原生应用体验