Progressive_Web_App_Intro 源码

PWA介绍 我们将构建一个Webapp,以跟踪与办公室工作相关的一些任务。 基本应用设置 创建基本应用程序时从一开始就无需考虑pwa,因为已经有许多Web应用程序正在运行,需要将其转换为pwa。 基本应用程序使用bootstrap和alphine.js Alphine在构建前端组件方面类似于现代前端框架,除了代码是在dom本身而不是在单独的文件中编写的。 使用fetch API从data.json文件中fetch数据。 PWA的基本需求 在HTTPS中提供文件(最好使用localhost)。 manifest.json文件包含有关应用程序的信息。 serviceworker.js创建一个服务人员,该服务人员将用于缓存文件,推送通知等。 在任何基于Chrome的浏览器中使用Lighthouse创建报告,以检查网站的性能和pwa方面。 在报告中,我们可以注意到pwa的要求。 服务