你将学到的
  • PWA 基础介绍
  • Fetch 事件
  • PWA 进阶之推送通知
  • 构建弹性应用
  • Workbox 进阶之 Workbox-cli
  • Service Worker 的使用
  • PWA 进阶之订阅通知
  • 构建离线应用
  • 数据同步和 WebStream
  • Workbox 进阶之缓存机制

PWA(Progressive web apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势。

PWA 的核心是 Service Workers ,而在 MDN 的解读中, Service Workers 可以理解为是充当了 Web 应用程序与浏览器之间的代理服务器。 Service Workers 提供了一套强大的 Web 应用离线支持,通过 URL 定义域一对多地分发管理页面缓存,从而促成最优的 Web 应用离线用户体验。所以,在本章中需要先对它进行一个介绍。

Google 杰出的软件工程师 Jeff Dean 曾经这么描述 Service Worker :"如果将你的网络请求想象成飞机起飞,那么 Service Worker 就是路由请求的空中交通管制员,它可以通过网络加载,甚至通过缓存加载。"

可以想象,当你在使用 Service Worker 时,能够全权管控网站发起的每个请求时,是一件多么有趣的事情。下面,用一张图来解释 Service Worker 是如何工作的:

可是,在 Service Worker 提出之前, HTML5 曾用 Application Cache 来处理离线带来的部分难题。虽然 Application Cache 可以很好地处理单页面应用问题,但在面对多页面应用时却存在很多的麻烦。而 Service Worker 正是为了解决这些痛点而产生的。

图片描述

课程信息

  • 学习周期:课程有效期 2 个月,2 个月后无法进行在线实验,但可查看文档内容。高级会员有效期内可一直学习,到期后课程失效,且无法查看文档。部分云主机实验环境因成本较高,存在开启次数限制。关于课程退款等相关注意事项说明,请阅读 用户付费协议
  • 版权说明:课程内容为实验楼原创或实验楼在原作者授权下制作。未经书面同意,擅自爬取、转载和再分发课程内容,均将受到严肃追责。
  • 企业团报:企业购买,请点击 企业用户咨询
课程教师

无影 共发布过 1 门课程

查看老师的所有课程 >
蓝桥楼+
实验楼会员
会员
开通会员,即刻开始学习