- 了解如何構建解決實際問題的無服務器應用程序。
- 了解這些技術的應用場景（以及局限）。
- 創(chuàng)建與DynamoDB和NoSQL數(shù)據(jù)庫進行交互的GraphQL API。
- 學習身份驗證的工作原理，并了解身份驗證和授權之間的區(qū)別。
- 深入了解無服務器函數(shù)的工作原理及其重要性。
- 在AWS上構建全棧應用程序，并使用Amplify DataStore構建脫機應用程序。
云計算通常與后端開發(fā)和DevOps有關。但隨著Serverless技術的興起以及新一代服務和框架的出現(xiàn)，前端和移動開發(fā)人員也可以構建強大的應用程序，并且其中支持生產(chǎn)就緒的功能包括身份驗證和授權，API網(wǎng)關，聊天機器人，增強現(xiàn)實場景等。本書向你展示了如何實現(xiàn)上述功能的步驟。
Amazon Web Services的倡導者Nader Dabit將指導你完成使用React、AWS、GraphQL和AWS Amplify構建全棧應用程序的過程。你將學習如何在客戶端創(chuàng)建服務并將其集成到客戶端應用程序中，同時還會學習常規(guī)的實踐、部署策略、富媒體管理，以及整個過程中的持續(xù)集成和交付。
前言
本書緣起
次學習編程時，我對軟件開發(fā)工作的細節(jié)知之甚少。當時一心只想著構建一款應用程序，當我開始研究并磕磕碰碰地完成想做的所有事情時，才知道自己是多么天真。
我了解的重點之一就是，應用程序通常由兩個部分組成：前端（客戶端代碼）以及后端API 和服務。當時，云技術還處于起步階段，至少學習如何構建全棧應用程序是令人頭疼的。對于我來說情況可能更糟，因為我想構建原生的移動應用程序，并且著手構建移動應用程序比構建Web 應用程序要困難得多。
信息技術經(jīng)過10 年的迅猛發(fā)展后，情況有了很大的改觀。曾經(jīng)由一大批開發(fā)者完成的工作現(xiàn)在有時可以由一名開發(fā)人員完成。React Native、Flutter 和Cordova 等工具使得開發(fā)者可以使用單個代碼庫構建和交付跨平臺的移動應用程序。Amplify、Firebase 等云技術使得相同的開發(fā)人員也可以利用云計算技術以前所未有的速度更快地構建后端。
我想我們正在迎接一種新的范式，它使得成為全棧開發(fā)者比以往任何時候都容易，并且全棧開發(fā)者的定義正在發(fā)生變化。寫這本書是為了展示我對這種新范式在實踐中的看法，并介紹一種專門利用前沿的前端和云技術而創(chuàng)建的技術。我認為本書描述的是軟件工程的未來。
目標讀者
本書適用于希望構建全棧應用程序的軟件工程師，特別是對云計算感興趣的。它還適用于希望學習如何使用現(xiàn)有技術來通過云技術構建全棧應用程序的前端開發(fā)人員。
對于CTO 和初創(chuàng)公司的創(chuàng)業(yè)者來說，這也是一個很好的資源，因為他們希望使用少的資源來限度地提高生產(chǎn)效率和開發(fā)速度。本書概述的技術是快速原型開發(fā)和創(chuàng)意實驗的理想之選，它可以讓開發(fā)人員和創(chuàng)業(yè)者將其創(chuàng)意迅速地推向市場，并在取得成功的情況下提供可擴展且健壯的產(chǎn)品。
本書概要
本書的目的是向讀者介紹使用React 和無服務器技術構建真實、可擴展的全棧應用程序所需的所有步驟。通過在每章中構建不同的應用程序，逐一介紹相關功能（例如身份驗證、API 和數(shù)據(jù)）以及一些在前端和后端實現(xiàn)這些功能的技術。
你創(chuàng)建的每個應用程序都將基于上一章中學到的知識。在后一章中，你將構建一個復雜的應用程序，它將用到在實際工作或項目初創(chuàng)階段所需的很多云服務。當你完成本書的學習之后，應該具備了通過React 和AWS 云技術構建自己的無服務器應用程序的知識和能力。
第1 章 無服務器計算時代的全棧開發(fā)
在本章中，我們將介紹無服務器理念，無服務器應用程序的特征和優(yōu)點，以及AWS 和AWS Amplify CLI。
第2 章 AWS Amplify 簡介
在本章中，將使用AWS Amplify 創(chuàng)建和部署一項無服務器功能。我們將創(chuàng)建該功能，然后添加API 并與其交互。
第3 章 創(chuàng)建你的款應用
在這里，我們將通過構建一個筆記（notes）應用來演示從頭創(chuàng)建一個新的全棧應用程序的基本流程。我們將創(chuàng)建一個新的React 應用程序，初始化一個新的Amplify 項目，添加GraphQL API，然后從客戶端（React）應用程序連接到API 并與之交互。
第4 章 身份驗證簡介
在本章中，我們將逐步完成向應用程序添加身份驗證的過程。首先將創(chuàng)建一個新的React 應用程序，并使用AWS Amplify React 庫中的高階組件（HOC）withAuthenticator 添加基本的身份驗證功能。我們將讀取用戶的元數(shù)據(jù)，并創(chuàng)建一個用戶資料頁面，以允許用戶查看其信息。
第5 章 自定義身份驗證策略
在本章中，我們將通過使用React、React Router 和AWS Amplify 創(chuàng)建自定義身份驗證流程來進一步學習身份驗證。該應用程序?qū)皂撁�，登錄頁面和忘記密碼頁面。登錄后，將出現(xiàn)一個主菜單，以便將用戶導航到個人資料頁面、地圖頁面和歡迎頁面，并且歡迎頁面將作為該應用程序的主視圖。
第6 章 無服務器函數(shù)進階（一）和第7 章 無服務器函數(shù)進階（二）
在這里，我們將介紹無服務器函數(shù)以及如何在React 應用程序中與之交互。將通過創(chuàng)建一個支持CORS 保護的API 獲取柴犬（shiba inu）圖片的應用程序來演示創(chuàng)建、更新和刪除等操作的無服務器函數(shù)，相關的代碼存放在一個AWS Lambda 函數(shù)中，將使用AWS Amplify CLI 創(chuàng)建和配置這個函數(shù)。
第8 章 AWS AppSync 應用
我們將基于第3 章的知識構建一個更復雜的API，它包括多對多關系和多種授權類型。我們將創(chuàng)建一個事件應用程序，它允許管理員創(chuàng)建表演節(jié)目和舞臺。將讓所有用戶都能夠讀取節(jié)目信息，無論他們是否登錄，但僅允許已登錄的管理員創(chuàng)建、更新和刪除節(jié)目和舞臺。
第9 章 使用Amplify DataStore 構建離線應用程序
在本章中，我們將介紹如何使用Amplify DataStore 實現(xiàn)離線功能。
第10 章 圖像與存儲
本章我們將學習如何創(chuàng)建圖片共享應用，該應用程序?qū)⒃试S用戶上傳和查看圖片。
第11 章 托管：將你的應用程序部署到支持CI 和CD 的Amplify Console在后一章中，我們將會用到第10 章創(chuàng)建的圖片共享應用程序，并使用Amplify Console 將其部署到線上。我們還會學習將更新合并到master 分支時，啟動新的構建來添加持續(xù)集成（CI）和持續(xù)部署（CD）功能。后，我們將學習如何添加自定義域，以便讀者能夠?qū)贸绦蚝妥约旱膶嶋HURL 關聯(lián)。
排版約定
本書中將使用以下排版約定：
斜體（Italic）
表示新的術語，URL，電子郵件地址，文件和文件擴展名。
等寬字體（Constant width）
表示程序列表，以及在段落中引用程序元素，例如變量或函數(shù)名、數(shù)據(jù)庫、數(shù)據(jù)類型、環(huán)境變量、語句和關鍵字。
等寬粗體（Constant width bold）
表示應由用戶直接輸入的命令或其他文本。
等寬斜體（Constant width italic）
表示應由用戶提供的值或由上下文確定的值。
代碼示例
補充材料（代碼示例、練習等）可以通過如下網(wǎng)址下載：https://github.com/dabit3/full-stack-serverless-code。
如果你在使用代碼示例時遇到技術問題或疑問， 請發(fā)送電子郵件至bookquestions@oreilly.com。
本書中的代碼可以幫助你完善工作。一般而言，本書中的源代碼，不需要得到我們的許可就可以應用到你自己的程序或文檔中，除非你希望重新發(fā)布了這些代碼的副本。舉例來說，一個程序中用到本書中的若干代碼塊不需要許可授權。銷售或發(fā)布包含OReilly 圖書中的代碼樣例的CD-Rom 不需要授權許可�；卮鹨粋�問題引用本書中的內(nèi)容或代碼不需要授權許可。在你的產(chǎn)品文檔中加入大量的本書代碼樣例需要授權許可。
我們建議但不強制要求標明出處。出處通常包括標題，作者，發(fā)行商和ISBN。比如：Full Stack Serverless by Nader Dabit (OReilly). Copyright 2020 Nader Dabit, 978-1-492-05989-9。
如果你覺得使用代碼樣例超出了上述許可范圍，請通過permissions@oreilly.com 與我們?nèi)〉寐?lián)系。
OReilly 在線學習平臺（OReilly Online Learning）
近40 年來，OReilly Media 致力于提供技術和商業(yè)
培訓、知識和卓越見解，來幫助眾多公司取得成功。
我們擁有獨一無二的專家和革新者組成的龐大網(wǎng)絡，他們通過圖書、文章、會議和我們的在線學習平臺分享他們的知識和經(jīng)驗。OReilly 的在線學習平臺允許你按需訪問現(xiàn)場培訓課程、深入的學習路徑、交互式編程環(huán)境，以及OReilly 和200 多家其他出版商提供的大量文本和視頻資源。有關的更多信息，請訪問http://oreilly.com。
聯(lián)系我們
美國：
OReilly Media, Inc.
1005 Gravenstein Highway North
Sebastopol, CA 95472
中國：
北京市西城區(qū)西直門南大街2號成銘大廈C座807室（100035）
奧萊利技術咨詢（北京）有限公司
致謝
感謝我的妻子Lilly，她在我的職業(yè)生涯中一直堅定地支持著我，當我為了寫這本書在辦公室工作到很晚，有時在家也工作到很晚的時候，她把我的生活打理得井井有條。
感謝我的孩子，Victor 和Eli，他們都很棒并且是我靈感的源泉，我非常愛你們。
感謝我的父母，是你們讓我有機會學習，讓我獲得人生的第二、第三和第四次機會。
我要感謝許多團隊和個人: 感謝整個AWS 移動團隊，是他們大膽雇了剛結束混亂的咨詢職業(yè)生涯的我，讓我有機會與我見過的聰明的人一起工作。感謝Michael Paris, Mohit Srivastava, Dennis Hills, Adrian Hall, Richard Threlkald, Michael Labieniec, Rohan Deshpande, Amit Patel，以及所有其他的團隊成員，他們教會了我在新工作中需要學習的知識。感謝Russ Davis、Lee Johnson 和SchoolStatus，是他們給了我在這份工作中學習前沿技術的機會，正是這份工作讓我終進入了咨詢行業(yè)。感謝Brian Noah、Nate Lubeck 和我在Egood 的團隊，這是我得到的份真正的技術工作，它讓我接觸到技術交流大會的世界，以及成為一名偉大的開發(fā)者所需要的東西。
Nader Dabit是Amazon Web Services的一名高級開發(fā)者及其擁護者，擅長跨平臺和云服務的應用程序開發(fā)。他與客戶端團隊一起通力合作，改善了客戶端SDK的開發(fā)體驗。此前，Nader通過其公司React Native Training為很多大公司提供了使用React和React Native框架構建應用程序的培訓服務，其中包括Amazon,、Microsoft、Salesforce和American Express等。
目錄
前言 .1
第1 章 無服務器計算時代的全棧開發(fā) 9
1.1 當前流行的無服務器理念 10
1.1.1 無服務器應用的特征 . 11
1.1.2 無服務器架構的優(yōu)點 . 11
1.1.3 無服務器架構的不同實現(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 小結 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 小結 42
第 3 章 創(chuàng)建你的款應用 43
3.1 GraphQL 簡介 43
3.1.1 GraphQL 是什么？ . 43
3.1.2 GraphQL API 的構成 . 44
3.1.3 GraphQL 操作 45
3.2 創(chuàng)建GraphQL API 47
3.3 查看GraphQL API 并與之交互 49
3.4 構建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 小結 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 構建應用程序 71
4.3.1 創(chuàng)建文件和文件夾結構 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 小結 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 小結 98
書單推薦
