Application Front End (Traditional Chinese)

實驗室概觀

在此實驗室中，在使用 AWS SAM 和 API Gateway 部署無伺服器後端後，您會使用 AWS Amplify 來部署網格製作程式應用程式的前端，並將其設定為使用 Amazon Cognito 進行驗證。

AWS Amplify 這個開發平台提供一組工具和服務，可建置可擴展和安全的行動和 Web 應用程式。在此實驗室中，您將使用 Amplify 來部署部署網格製作程式應用程式的前端，網格製作程式應用程式是允許使用者與無伺服器後端互動的 Web 應用程式。Amplify 透過提供易於使用的工具和服務，將建置、測試和部署應用程式等任務自動化，來簡化部署程序。

此實驗室會使用 Amazon Cognito 來驗證使用者，Amazon Cognito 是一種受管的驗證服務，可讓您輕鬆地為使用者新增應用程式的註冊、登入和存取控制權。Cognito 提供數種功能，包含使用者集區、身分池、多重要素驗證，這些功能可讓您確保應用程式的安全並控制資源的存取權。

在此實驗室期間，您將 Amplify 設為使用 Cognito 進行身份驗證和授權。您在 Cognito 中建立使用者集區以及身分池，前者會存放使用者帳戶和使用者屬性，後者會將臨時 AWS 憑證提供給使用者。接著將 Amplify 與 Cognito 整合，並將前端設為使用 Cognito 使用者集區進行身份驗證。

在此實驗室結束後，您就擁有完整的無伺服器應用程式，其中包含使用 Amplify 部署的前端，以及使用 SAM 和 API Gateway 部署的後端。您了解如何使用 Amplify，來部署前端應用程式，以及如何使用 Cognito 進行身份驗證和授權。

目標

此實驗室結束後，您將能夠執行下列動作：

• 安裝需求以使用 AWS Amplify CLI。
• 初始化 AWS Amplify 和部署專案。
• 將 Cognito 設為使用此應用程式進行身份驗證。
• 使用身分驗證執行網格製作程式應用程式，以建立網格影像。

技術知識先決條件

若要順利完成此實驗室：

• 熟悉 AWS 管理主控台的基本瀏覽方式。
• 精通如何使用 AWS Cloud9 程式碼編輯器和終端機編輯和執行指令碼。
• 對 Amazon API Gateway、AWS Serverless Application Model (SAM)、AWS Lambda、AWS CloudFormation 和 AWS Amplify 有基本的了解和熟悉。
• 曾使用 AWS 服務 (包含 AWS Amplify 和無伺服器運算) 的經驗將有助益，但非必要。

持續時間

此實驗室需要 60 分鐘的時間來完成。

圖示圖例

此實驗室使用各種圖示提醒您注意不同類型的指示和注意事項。下列清單說明各圖示的用途：

• 命令：您必須執行的命令。
• 預期輸出：您可使用的範例輸出，以驗證命令的輸出內容或經過編輯的檔案。
• 注意：提示、秘訣或重要指引。
• 考慮事項：暫停一下，思考如何將某概念應用在自有環境，或與他人討論目前這個主題。