苹果推出了 iPhone 应用商店之后,App 便成为我们生活中的一部分。对于实体业务而言,各行业纷纷推出自家 App。但有没有想过这样的情况呢?如果潜在客户没安装你的 App,或者因为手机存储空间不足而卸载了它。那有没有能让 App 更轻便、更易安装的技术呢?答案是肯定的。
渐进式 Web 应用程序应运而生,它兼具 Web 应用功能和原生应用才有的特性。渐进式 Web 应用程序可从主屏幕图标启动,也能根据推送通知开启,加载时间极短,不仅能在线使用,还可打包为离线可用。
关键是在手机上创建渐进式 Web 应用程序很简单,因为它们只是对网站的增强。当有人首次访问你的网站,经你授权后,PWA 的功能就会自动在手机上创建。
PWA 开发有哪些要点需了解?创建一个 PWA 应用需要安装哪些软件呢?
必须安装以下软件:
node,8.9 版本及以上。
Yarn。
Git。
PWA 的技术组件有哪些呢?
PWA 有三个重要技术组件协同工作,包括 Manifest 清单文件、Service Worker 和在 https 下运行。
Manifest 清单文件
清单文件是一个 JSON 配置文档,包含 PWA 的基础信息,如应用图标、Web 应用程序名称及背景颜色。若浏览器检测到网站有 PWA 清单文件,Chrome 会自动出现 “添加到主屏幕” 按钮。用户点击同意后,图标将添加到主屏幕,同时安装 PWA。
Service Worker
Service Worker(SW)是一段 JavaScript,充当浏览器与网络服务器之间的代理。它能在基于浏览器的 web 应用中实现离线缓存、消息推送、静默更新等 native 应用常见功能,为 web 应用提供更优更丰富的使用体验。
HTTPS
加载非 HTTPS 站点时,地址栏会明确标记为 “Not Secure(不安全)”。在 Google 的推动下,HTTPS 在安全性和搜索引擎友好方面优势显著。目前 Top 100 的网站中已有 81 家默认使用 HTTPS。升级 HTTPS 可分为购买证书、安装证书、设置跳转三个步骤。
以上就是开发 PWA(渐进式 Web 应用程序)之前需要了解的大致内容。更详细的代码模块,很多人都有分享,可以参考着做一遍。