1、電腦安裝awx amplify腳手架

 yarn global add @aws-amplify/cli

2、建立一個react前端應用

npx create-react-app amplify-react-app

3、設定amplify以使用我們的aws賬戶,這將要做的是，知道我們完成設定過程，以獲取一個新的awsamplify設定,它將開啟一個新的aws

amplify configure

6、執行一些額外的步驟，來設定此專案，我們需要輸入一個名字，選擇環境（使用預設環境），選擇我們的編輯器（使用vscode），選擇應用程式（javascript），選擇我們的框架（使用react），目錄路徑為src，釋出路徑為build，是否使用AWS Profiles（是的），profile name設定為(servrrless-amplify)

amplify init

7、此時專案根目錄會生成一個amplify資料夾、aws-export.js和amplify.json檔案。

8、使用amplify add auth 命令，這將逐步指導我們完成向此react ap新增登入系統，使用預設配置

amplify add auth

9、使用amplify push命令，

8、修改app.js，新增amplify登入UI元件

9、安裝兩個amplify UI元件包

npm install --save aws-amplify@aws-amplify-/ui-react

本地啟動服務後，效果展示：

npm start