全棧Serverless

目錄
前言 .1
第1 章 無服務器計算時代的全棧開發(fā) 9
1.1 當前流行的無服務器理念 10
1.1.1 無服務器應用的特征 . 11
1.1.2 無服務器架構(gòu)的優(yōu)點 . 11
1.1.3 無服務器架構(gòu)的不同實現(xiàn) 14
1.2 AWS 簡介 17
1.2.1 關于AWS 17
1.2.2 AWS 上的全棧無服務器特性 17
1.2.3 Amplify CLI 17
1.3 AWS Amplify CLI 簡介 20
1.3.1 安裝和配置Amplify CLI 21
1.3.2 初始化你的第一個Amplify 項目 22
1.3.3 創(chuàng)建和部署你的第一個服務 25
1.3.4 刪除資源 27
1.4 小結(jié) 28
第2 章 AWS Amplify 簡介 29
2.1 創(chuàng)建和部署無服務器函數(shù) 30
2.1.1 創(chuàng)建React 應用程序并安裝依賴項 31
2.1.2 使用Amplify CLI 創(chuàng)建新的無服務器函數(shù) . 32
2.1.3 代碼解析 33
2.1.4 創(chuàng)建路由/coins 33
2.2 添加API 34
2.2.1 創(chuàng)建新的API. 35
2.2.2 部署API 和Lambda 函數(shù) 35
2.3 與新API 進行交互 . 36
2.3.1 配置客戶端應用程序與Amplify 協(xié)同工作. 36
2.3.2 Amplify 客戶端API 類 . 36
2.3.3 在React 中調(diào)用API 并渲染數(shù)據(jù) 37
2.4 更新函數(shù)以調(diào)用另一個API 39
2.4.1 安裝Axios 39
2.4.2 更新函數(shù) 40
2.4.3 更新客戶端應用 41
2.5 小結(jié) 42
第 3 章 創(chuàng)建你的第一款應用 43
3.1 GraphQL 簡介 43
3.1.1 GraphQL 是什么？ . 43
3.1.2 GraphQL API 的構(gòu)成 . 44
3.1.3 GraphQL 操作 45
3.2 創(chuàng)建GraphQL API 47
3.3 查看GraphQL API 并與之交互 49
3.4 構(gòu)建React 應用程序 51
3.4.1 列出筆記（GraphQL 查詢） . 51
3.4.2 創(chuàng)建筆記（GraphQL 變更） . 56
3.4.3 刪除筆記（GraphQL 變更） . 59
3.4.4 更新筆記（GraphQL 變更） . 61
3.4.5 實時數(shù)據(jù)（GraphQL 訂閱） . 63
3.5 小結(jié) 64
第4 章 身份驗證簡介 .66
4.1 Amazon Cognito 簡介 67
4.1.1 Amazon Cognito 的工作原理 . 67
4.1.2 Amazon Cognito 與AWS Amplify 的集成 68
4.2 創(chuàng)建React 應用程序并添加Amplify . 69
客戶端身份驗證概述 . 70
4.3 構(gòu)建應用程序 71
4.3.1 創(chuàng)建文件和文件夾結(jié)構(gòu) 71
4.3.2 創(chuàng)建第一個組件 72
4.3.3 Public 組件 . 73
4.3.4 Nav 組件 73
4.3.5 Protected 組件 74
4.3.6 Router 組件 . 76
4.3.7 Profile 組件 . 77
4.3.8 UI 美化組件 79
4.3.9 配置應用程序 79
4.3.10 測試應用程序 . 79
4.4 小結(jié) 80
第5 章 自定義身份驗證策略 81
5.1 創(chuàng)建protectedRoute 鉤子 82
5.2 創(chuàng)建表單 83
5.2.1 登錄組件（SignIn） 87
5.2.2 注冊組件(SignUp) . 88
5.2.3 注冊確認組件（ConfirmSignUp） . 89
5.2.4 ForgotPassword 組件 . 89
5.2.5 ForgotPasswordSubmit 組件 90
5.2.6 完善Form.js 91
5.2.7 updateForm 輔助函數(shù) 93
5.2.8 renderForm 函數(shù) 94
5.2.9 表單類型切換 95
5.2.10 更新Profile 組件 96
5.2.11 測試應用程序 . 98
5.3 小結(jié) 98
第6 章 無服務器函數(shù)進階（一） 99
6.1 事件源和數(shù)據(jù)結(jié)構(gòu) 100
6.1.1 API Gateway 事件 . 100
6.1.2 Amazon S3 事件 102
6.1.3 Amazon Cognito 事件 . 103
6.2 IAM 權(quán)限和觸發(fā)器配置. 103
6.3 創(chuàng)建基礎項目 . 104
6.4 添加后確認的Lambda 觸發(fā)器 104
6.5 使用AWS Lambda 和Amazon S3 動態(tài)調(diào)整圖片大小 108
6.5.1 添加自定義邏輯以調(diào)整圖片大小 . 109
6.5.2 在React 應用程序中上傳圖片 110
6.6 小結(jié) . 112
第7 章 無服務器函數(shù)進階（二） 113
7.1 主要構(gòu)建目標 . 114
7.2 準備工作 115
7.3 添加身份驗證和組權(quán)限 . 115
7.4 添加數(shù)據(jù)庫 117
7.5 添加API 118
7.6 創(chuàng)建前端 123
7.6.1 容器組件（Container） . 125
7.6.2 checkUser 函數(shù) 125
7.6.3 Nav 組件 126
7.6.4 Profile 組件 128
7.6.5 Router 組件 128
7.6.6 Admin 組件 129
7.6.7 Main 組件 . 131
7.7 測試應用程序 . 133
7.8 小結(jié) . 133
第8 章 AWS AppSync 應用 135
8.1 GraphQL, AppSync API 和React Router 的構(gòu)建技能 . 135
8.1.1 GraphQL 類型之間的關系 136
8.1.2 多種身份驗證類型 138
8.1.3 身份驗證 139
8.1.4 使用GSI 實現(xiàn)自定義數(shù)據(jù)訪問模式 139
8.2 構(gòu)建應用程序 . 140
8.3 創(chuàng)建Amplify 應用程序并添加功能 . 140
8.4 構(gòu)建后端 140
8.4.1 身份驗證 141
8.4.2 AppSync API 142
8.5 部署服務 144
8.6 構(gòu)建前端 145
8.6.1 Container 145
8.6.2 Footer . 146
8.6.3 Nav 147
8.6.4 Admin . 147
8.6.5 Router . 148
8.6.6 Performance . 150
8.6.7 Home 152
8.7 小結(jié) . 155
第9 章 使用Amplify DataStore 構(gòu)建離線應用程序 . 156
9.1 關于Amplify DataStore . 157
9.1.1 Amplify DataStore 簡介 . 157
9.1.2 Amplify DataStore 操作 . 158
9.1.3 DataStore 謂詞 158
9.2 使用Amplify DataStore 構(gòu)建離線和實時應用程序 . 159
9.2.1 創(chuàng)建基礎項目 . 160
9.2.2 創(chuàng)建API 161
9.2.3 編寫客戶端代碼 162
9.2.4 測試離線功能 . 165
9.2.5 測試實時功能 . 166
9.3 小結(jié) . 166
第10 章 圖像與存儲 167
10.1 使用Amazone S3 167
10.1.1 創(chuàng)建基礎項目 169
10.1.2 添加身份驗證 170
10.1.3 創(chuàng)建API . 170
10.1.4 編寫客戶端代碼 . 171
10.2 小結(jié) 178
第11 章 托管：將你的應用程序部署到支持
CI 和CD 的Amplify Console . 179
11.1 基于CLI 的部署 . 180
11.2 基于Git 的部署 183
11.2.1 創(chuàng)建GitHub 存儲庫 184
11.2.2 基于Git 的CI/CD 187
11.3 訪問控制 . 187
11.4 自定義域 . 188
11.5 小結(jié) 189