PWA開發(fā)實戰(zhàn)

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