PWA開(kāi)發(fā)實(shí)戰(zhàn)

前言 　　xi
第　1 章 漸進(jìn)式Web 應(yīng)用介紹　1
1．1　Web 反擊戰(zhàn)　2
1．2　當(dāng)前的移動(dòng)領(lǐng)域　2
1．3　漸進(jìn)式Web 應(yīng)用的優(yōu)勢(shì)　4
1．4　瀏覽器標(biāo)簽頁(yè)、Web 和service worker　6
第　2 章 你的第 一個(gè)service worker　8
2．1　設(shè)置示例項(xiàng)目　8
2．2　歡迎來(lái)到哥譚帝國(guó)酒店　9
2．3　熟悉代碼　10
2．4　當(dāng)前的離線體驗(yàn)　11
2．5　創(chuàng)建你的第 一個(gè)service worker　13
2．6　什么是漸進(jìn)增強(qiáng)　16
2．7　HTTPS 和service worker　16
2．8　從Web 獲取內(nèi)容　17
2．9　捕獲離線請(qǐng)求　18
2．10　創(chuàng)建HTML 響應(yīng)　19
2．11　理解service worker 作用域　21
2．12　小結(jié)　22
第3　章 CacheStorage API　23
3．1　CacheStorage 是什么，不是什么　24
3．2　決定何時(shí)進(jìn)行緩存　24
3．3　在CacheStorage 中存儲(chǔ)請(qǐng)求　25
3．4　從CacheStorage 中取回請(qǐng)求　26
3．5　在示例應(yīng)用緩存　27
3．6　匹配每個(gè)請(qǐng)求的正確響應(yīng)　29
3．7　HTTP 緩存和HTTP 頭　31
3．8　小結(jié)　31
第4　章 service worker 生命周期和緩存管理　33
4．1　service worker 生命周期　36
4．2　service worker 的生命周期與waitUntil 的重要性　38
4．3　更新service worker　39
4．4　為什么需要管理緩存　40
4．5　緩存管理與清除舊緩存　42
4．6　重用已緩存的響應(yīng)　46
4．7　配置服務(wù)器以提供正確的響應(yīng)頭部　47
4．8　開(kāi)發(fā)者工具　48
4．8．1　控制臺(tái)　48
4．8．2　清除緩存并刷新　48
4．8．3　檢查CacheStorage 和IndexedDB　49
4．8．4　網(wǎng)絡(luò)節(jié)流與模擬離線情況　49
4．8．5　Lighthouse　50
4．9　小結(jié)　50
第5　章 擁抱離線優(yōu)先　51
5．1　什么是離線優(yōu)先　52
5．2　常用緩存模式　53
5．3　混合與匹配：創(chuàng)造新模式　55
5．4　規(guī)劃緩存策略　57
5．5　實(shí)現(xiàn)緩存策略　59
5．6　App shell 架構(gòu)　68
5．7　實(shí)現(xiàn)App shell　70
5．8　解鎖成就　72
5．9　小結(jié)　73
第6　章 使用IndexedDB 在本地存儲(chǔ)數(shù)據(jù)　74
6．1　什么是IndexedDB　75
6．2　使用IndexedDB　77
6．2．1　打開(kāi)數(shù)據(jù)庫(kù)連接　77
6．2．2　數(shù)據(jù)庫(kù)版本/ 修改對(duì)象存儲(chǔ)　78
6．2．3　添加數(shù)據(jù)到對(duì)象存儲(chǔ)　79
6．2．4　從對(duì)象存儲(chǔ)中讀取數(shù)據(jù)　80
6．2．5　IndexedDB 版本管理　81
6．2．6　使用游標(biāo)讀取對(duì)象　82
6．2．7　創(chuàng)建索引　84
6．2．8　使用索引讀取數(shù)據(jù)　85
6．2．9　限制游標(biāo)的范圍　86
6．2．10　設(shè)置游標(biāo)方向　87
6．2．11　更新對(duì)象存儲(chǔ)中的對(duì)象　87
6．2．12　從對(duì)象存儲(chǔ)刪除對(duì)象　88
6．2．13　從對(duì)象存儲(chǔ)中刪除所有對(duì)象　89
6．2．14　處理冒泡IndexedDB 錯(cuò)誤　89
6．3　SQL 忍者的IndexedDB　90
6．4　IndexedDB 實(shí)踐　91
6．5　promise 式的數(shù)據(jù)庫(kù)　98
6．6　IndexedDB 管理　103
6．7　在service worker 中使用IndexedDB　104
6．8　IndexedDB 生態(tài)系統(tǒng)　105
6．8．1　PouchDB　105
6．8．2　localForage　106
6．8．3　Dexie．js　106
6．8．4　IndexedDB Promised　107
6．9　小結(jié)　107
第7　章 使用后臺(tái)同步保證離線功能　108
7．1　后臺(tái)同步是如何工作的　109
7．2　SyncManager　111
7．2．1　訪問(wèn)SyncManager　111
7．2．2　注冊(cè)事件　112
7．2．3　sync 事件　112
7．2．4　事件標(biāo)簽　112
7．2．5　獲取已注冊(cè)sync 事件列表　113
7．2．6　最后的機(jī)會(huì)　113
7．3　傳遞數(shù)據(jù)給sync 事件　114
7．3．1　在IndexedDB 中維護(hù)操作隊(duì)列　114
7．3．2　在IndexedDB 中維護(hù)請(qǐng)求隊(duì)列　116
7．3．3　傳遞數(shù)據(jù)給sync 事件標(biāo)簽　118
7．4　給應(yīng)用添加后臺(tái)同步　118
7．5　小結(jié)　125
第8　章 使用postMessage() 在service worker 和頁(yè)面之間通信　126
8．1　窗口向service worker 通信　127
8．2　service worker 向所有打開(kāi)的窗口通信　128
8．3　service worker 向特定窗口通信　130
8．4　使用MessageChannel 保持通信渠道打開(kāi)　131
8．5　窗口間的通信　133
8．6　從sync 事件向頁(yè)面?zhèn)鬟f消息　136
8．7　小結(jié)　137
第9　章 可安裝的Web 應(yīng)用：占領(lǐng)主屏先機(jī)　138
9．1　可安裝的Web 應(yīng)用　139
9．2　瀏覽器如何決定何時(shí)顯示應(yīng)用安裝橫條　140
9．3　剖析Web 應(yīng)用清單　141
9．4　各端兼容性　145
9．5　小結(jié)　146
第　10 章 推送通知　147
10．1　推送通知的生命周期　147
10．1．1　Notification API　147
10．1．2　Push API　148
10．1．3　Push+Notification　150
10．2　創(chuàng)建通知　150
10．2．1　請(qǐng)求通知權(quán)限　150
10．2．2　顯示通知　153
10．2．3　為哥譚帝國(guó)酒店添加通知支持　157
10．3　為用戶(hù)訂閱推送事件　158
10．3．1　生成VAPID 公鑰和私鑰　160
10．3．2　生成GCM 密鑰　161
10．3．3　創(chuàng)建新訂閱　162
10．3．4　為哥譚帝國(guó)酒店用戶(hù)訂閱推送消息　164
10．4　從服務(wù)端發(fā)送推送事件　166
10．5　監(jiān)聽(tīng)推送事件并顯示通知　168
10．6　小結(jié)　174
第　11 章 漸進(jìn)式Web 應(yīng)用的用戶(hù)體驗(yàn)　175
11．1　優(yōu)雅與信任　175
11．2　從service worker 傳遞狀態(tài)　176
11．3　使用Progressive UI KITT 通信　178
11．4　漸進(jìn)式Web 應(yīng)用中的常見(jiàn)消息　180
11．4．1　緩存完成　180
11．4．2　頁(yè)面已緩存　180
11．4．3　操作失敗，但會(huì)在用戶(hù)恢復(fù)連接時(shí)完成　181
11．4．4　啟用通知　181
11．5　選擇正確的用詞　181
11．6　不要直奔主題　182
11．7　漸進(jìn)式Web 應(yīng)用的設(shè)計(jì)　184
11．7．1　設(shè)計(jì)應(yīng)該反映條件的變化　184
11．7．2　設(shè)計(jì)應(yīng)該適應(yīng)運(yùn)行環(huán)境　185
11．7．3　設(shè)計(jì)應(yīng)該適應(yīng)每種媒介的特殊性　185
11．7．4　設(shè)計(jì)應(yīng)該向用戶(hù)注入信心并通知用戶(hù)　186
11．7．5　設(shè)計(jì)應(yīng)該幫助用戶(hù)和企業(yè)實(shí)現(xiàn)目標(biāo)　186
11．8　負(fù)責(zé)安裝提示　186
11．9　使用RAIL 測(cè)量性能并實(shí)現(xiàn)高性能　187
11．10　小結(jié)　189
第　12 章 漸進(jìn)式Web 應(yīng)用的未來(lái)　190
12．1　使用Payment Request API 接受支付請(qǐng)求　190
12．2　使用Credential Management API 進(jìn)行用戶(hù)管理　192
12．3　WebGL 實(shí)時(shí)圖像處理　193
12．4　未來(lái)的語(yǔ)音識(shí)別API　194
12．5　使用WebVR 在瀏覽器中實(shí)現(xiàn)虛擬現(xiàn)實(shí)　194
12．6　輕松共享應(yīng)用　195
12．7　流暢的媒體播放UI　196
12．8　下一個(gè)偉大時(shí)代　197
附錄A　service worker：采用ES2015 的大好時(shí)機(jī)　198
附錄B　全頁(yè)間隙式廣告　201
附錄C　CORS 與NO-CORS　202
關(guān)于作者　204
關(guān)于封面　204