js13kGames 渐进式 Web 应用教程

在本教程中,我们将研究一个列出了 js13kGames 2017 比赛中提交到 A-Frame 类别的游戏信息的网站的源代码。你不必考虑网站上的实际内容是什么;主要目的是学习如何在自己的项目中使用渐进式 Web 应用(PWA)的特性。

如果你想要跳过此部分,教程的章节如下:

  1. 渐进式 Web 应用结构
  2. 使用 service worker 实现离线工作
  3. 让 PWA 易于安装
  4. 使用通知和推送 API
  5. 渐进式加载

你可以在线查看这个应用,源代码可以在 GitHub 上找到。我们将在本教程中仔细研究这些代码。让我们先来看看示例应用的结构。