PWA入门与实践

PWA入门与实践

编辑推荐

全方位介绍融合Web和Native APP优势于一身的PWA技术。

内容简介

本书对PWA的核心技术进行了比较透彻的讲解,对PWA中可能遇到的问题也进行了充分说明,通过阅读本书,读者可以对PWA有深入的理解。全书共7章:第1章介绍PWA的发展历程及生态环境;第2章介绍PWA的一些前置技术及预备知识;第3章学习PWA的核心部分——Service Worker;第4章进入PWA的核心API部分;第5章给出了PWA使用过程中的配套工具;第6章为PWA的实践部分;第7章讲解Web的系统集成能力。本书适用于有一定Web开发基础,或想学习PWA、需要一本全面的PWA手册的开发者。

作者简介

作者王乐平,前端工程师,W3C成员,CSDN博客专家,目前就职于阿里巴巴。专注于Web技术,参与过许多高流量Web项目的设计和开发,拥有丰富的Web前端开发经验,对PWA有比较深入的理解和实践经验。

章节目录

版权信息

序言

前言

第1章 初识PWA

1.1 背景

1.2 PWA概述

1.2.1 快速

1.2.2 集成

1.2.3 可靠

1.2.4 有吸引力

1.2.5 PWA的布局结构

1.3 应用程序与PWA

1.3.1 能力

1.3.2 开发成本

1.3.3 安装包大小

1.3.4 推广成本

1.3.5 系统结构

1.3.6 综合

1.4 PWA的生态支持

1.4.1 浏览器对PWA的支持

1.4.2 PWA的生态

1.5 成功案例

1.5.1 Twitter

1.5.2 HOUSING.com

1.5.3 兰蔻

1.5.4 星巴克

1.6 环境准备

1.6.1 浏览器

1.6.2 Node.js环境

1.6.3 HTTP Server

1.6.4 调试工具

1.7 第一个PWA

1.7.1 创建首页

1.7.2 注册Service Worker

1.7.3 网络层拦截图片

1.7.4 定制404页面

1.7.5 离线可用

1.7.6 添加到主屏幕

1.8 本章小结

第2章 预备知识

2.1 JavaScript Module

2.1.1 JavaScript模块化历史

2.1.2 什么是JavaScript Module

2.1.3 浏览器中使用JavaScript Module

2.1.4 为什么要用JavaScript Module

2.2 Promise

2.2.1 背景

2.2.2 概念

2.2.3 构造函数

2.2.4 实例方法

2.2.5 静态方法

2.2.6 实例

2.3 async/await

2.3.1 async

2.3.2 await

2.3.3 async/await的优势

2.4 Web Worker

2.4.1 背景

2.4.2 简介

2.4.3 主线程API

2.4.4 Worker线程API

2.4.5 实例

2.5 本章小结

第3章 PWA的核心桥梁:Service Worker

3.1 Service Worker的结构

3.1.1 ServiceWorkerContainer接口

3.1.2 ServiceWorkerRegistration接口

3.1.3 ServiceWorker接口

3.1.4 ServiceWorkerGlobalScope接口

3.2 Service Worker的生命周期

3.2.1 脚本的生命周期

3.2.2 线程的生命周期

3.2.3 线程退出

3.2.4 更新Service Worker文件的条件

3.2.5 调试生命周期

3.3 本章小结

第4章 核心技术

4.1 Manifest应用清单

4.1.1 简介

4.1.2 字段说明

4.1.3 安装条件

4.1.4 显示安装横幅

4.1.5 自定义安装时机

4.1.6 应用的更新

4.1.7 iOS上的适配

4.1.8 兼容适配库

4.2 Fetch网络功能

4.2.1 Fetch简介

4.2.2 Request

4.2.3 Headers

4.2.4 Response

4.2.5 Body

4.2.6 实例

4.3 Notification消息通知

4.3.1 简介

4.3.2 接口信息

4.3.3 实例

4.4 Sync后台同步

4.4.1 SyncManager接口

4.4.2 Sync流程

4.4.3 使用场景

4.5 Cache离线存储

4.5.1 简介

4.5.2 CacheStorage

4.5.3 Cache

4.5.4 缓存空间问题

4.5.5 opaque响应缓存问题

4.6 Push消息推送

4.6.1 简介

4.6.2 接口

4.6.3 订阅实现

4.6.4 推送协议

4.6.5 VAPID密钥的生成

4.6.6 实例

4.6.7 常见问题

4.7 本章小结

第5章 配套工具

5.1 PWA工具箱:Workbox

5.1.1 CLI模式

5.1.2 手写模式

5.1.3 Workbox路由

5.1.4 Workbox插件

5.1.5 实例

5.2 离线数据库:IndexedDB

5.2.1 接口

5.2.2 操作

5.2.3 在Service Worker中使用IndexedDB

5.2.4 更简单的IndexedDB

5.3 评测报告:Lighthouse

5.3.1 简介

5.3.2 打开Lighthouse

5.3.3 测试PWA

5.3.4 测试结果

5.4 调试工具:DevTools

5.4.1 在Chrome上调试

5.4.2 在Safari上调试

5.4.3 在Firefox上调试

5.4.4 调试小结

5.5 本章小结

第6章 实践方案

6.1 接入Service Worker

6.1.1 注册方案

6.1.2 状态同步方案

6.1.3 Service Worker开关方案

6.1.4 错误收集

6.2 安装网站到桌面

6.2.1 为网站增加桌面能力

6.2.2 新闭环方案

6.2.3 新闭环方案实现

6.3 消息通信

6.3.1 窗口向Service Worker线程通信

6.3.2 Service Worker线程向窗口通信

6.4 数据离线

6.4.1 离线处理时机

6.4.2 离线策略

6.5 推送通知

6.5.1 Web Push库的选择

6.5.2 应用服务器后端搭建

6.5.3 前端页面搭建

6.5.4 效果

6.5.5 无法推送/订阅

6.6 改造网站为PWA

6.6.1 准备

6.6.2 PWA检测

6.6.3 PWA改造

6.6.4 重新评测网站

6.7 本章小结

第7章 系统集成

7.1 系统集成项目组Fugu

7.2 摄像头和麦克风集成

7.2.1 音频和视频的捕获

7.2.2 视频流的截图

7.2.3 视频流下载

7.3 输入集成

7.3.1 语音识别

7.3.2 剪切板操作

7.4 设备特性集成

7.4.1 网络类型及速度信息

7.4.2 网络状态信息

7.4.3 电池状态信息

7.4.4 设备内存信息

7.5 定位集成

7.5.1 地理定位

7.5.2 设备位置

7.6 本章小结

PWA入门与实践是2020年由机械工业出版社华章分社出版,作者王乐平。

得书感谢您对《PWA入门与实践》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

你可能喜欢
Python测试开发入门与实践 电子书

本书系统且深入阐释利用Python进行Web自动化测试涉及的方法和实践。
MATLABAppDesigner从入门到实践 电子书

本书以编程工具AppDesigner为中心进行引导式学习。
ANSYSWorkbench19.0基础入门与工程实践(附教学视频) 电子书
Wireshark网络分析从入门到实践 电子书

1.这是一本好用的工具书对于对于网络运维人员、网络安全人员,WireShark是非常好的网络分析工具,这本优秀的基础工具书正是目前大家需要的。本书内容由浅入深,案例环环相扣,同...
量子计算机编程:从入门到实践 电子书

量子计算编程从入门到实践书籍,圆形表示法阐释量子计算机编程。
深度学习原理与实践 电子书

(1)大量图例,简单易懂。作者亲自绘制了大量插图,力求还原深度学习的算法思想,分解和剖析晦涩的算法,用图例来表示复杂的问题。生动的图例也能给读者带来阅读乐趣,快乐地学习算法知识...
智能前端技术与实践 电子书

基于TensorFlow.js,讲述如何解决深度学习应用部署的难题。