PWA開發實戰

PWA開發實戰

《PWA開發實戰》是2019年1月人民郵電出版社出版的圖書,作者是[以]塔勒·愛特爾(Tal Ater)。

基本介紹

  • 中文名:PWA開發實戰
  • 作者:[以]塔勒·愛特爾(Tal Ater)
  • 出版時間:2019年1月
  • 出版社:人民郵電出版社
  • 頁數:204 頁
  • ISBN:9787115502001
  • 定價:79 元
  • 開本:16 開
  • 裝幀:平裝
內容簡介,圖書目錄,

內容簡介

本書通過實際操作幫助讀者透徹地理解現代漸進式 Web 套用開發,指導讀者學會利用原生套用的特性構建 Web 套用。主要內容包括:某酒店網站構建全流程,開發漸進式 Web 套用時一些需要重點考慮的因素,離線優先的 Web 套用的原則,漸進式 Web 套用為用戶界面帶來的一些新挑戰和新機會,等等。

圖書目錄

前言  xi
第 1 章 漸進式Web 套用介紹 1
1.1 Web 反擊戰 2
1.2 當前的移動領域 2
1.3 漸進式Web 套用的優勢 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 創建你的第 一個service worker 13
2.6 什麼是漸進增強 16
2.7 HTTPS 和service worker 16
2.8 從Web 獲取內容 17
2.9 捕獲離線請求 18
2.10 創建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 開發者工具 48
4.8.1 控制台 48
4.8.2 清除快取並刷新 48
4.8.3 檢查CacheStorage 和IndexedDB 49
4.8.4 網路節流與模擬離線情況 49
4.8.5 Lighthouse 50
4.9 小結 50
第5 章 擁抱離線優先 51
5.1 什麼是離線優先 52
5.2 常用快取模式 53
5.3 混合與匹配:創造新模式 55
5.4 規劃快取策略 57
5.5 實現快取策略 59
5.6 App shell 架構 68
5.7 實現App shell 70
5.8 解鎖成就 72
5.9 小結 73
第6 章 使用IndexedDB 在本地存儲數據 74
6.1 什麼是IndexedDB 75
6.2 使用IndexedDB 77
6.2.1 打開資料庫連線 77
6.2.2 資料庫版本/ 修改對象存儲 78
6.2.3 添加數據到對象存儲 79
6.2.4 從對象存儲中讀取數據 80
6.2.5 IndexedDB 版本管理 81
6.2.6 使用游標讀取對象 82
6.2.7 創建索引 84
6.2.8 使用索引讀取數據 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 式的資料庫 98
6.6 IndexedDB 管理 103
6.7 在service worker 中使用IndexedDB 104
6.8 IndexedDB 生態系統 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 傳遞數據給sync 事件 114
7.3.1 在IndexedDB 中維護操作佇列 114
7.3.2 在IndexedDB 中維護請求佇列 116
7.3.3 傳遞數據給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 事件向頁面傳遞訊息 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 創建通知 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 創建新訂閱 162
10.3.4 為哥譚帝國酒店用戶訂閱推送訊息 164
10.4 從服務端傳送推送事件 166
10.5 監聽推送事件並顯示通知 168
10.6 小結 174
第 11 章 漸進式Web 套用的用戶體驗 175
11.1 優雅與信任 175
11.2 從service worker 傳遞狀態 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 設計應該適應運行環境 185
11.7.3 設計應該適應每種媒介的特殊性 185
11.7.4 設計應該向用戶注入信心並通知用戶 186
11.7.5 設計應該幫助用戶和企業實現目標 186
11.8 負責安裝提示 186
11.9 使用RAIL 測量性能並實現高性能 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 在瀏覽器中實現虛擬現實 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

相關詞條

熱門詞條

聯絡我們