建置完整堆疊的 React 應用程式

實作

• 安裝 Amplify CLI

  Amplify Command Line Interface (CLI) 是一種統一的工具鏈，可讓您按照簡單的引導式工作流程，為您的應用程式建立 AWS 雲端服務。接下來，我們使用命令提示字元 (Windows) 或終端機 (macOS) 安裝 Amplify CLI。注意：此命令可以在命令提示字元/終端機的任何目錄中執行，因為 "-g" 表示該二進位檔案將在您的系統上全域安裝。

  npm install -g @aws-amplify/cli

  Code snippet copied

  複製
• 設定 Amplify CLI

  AWS Identity and Access Management (IAM) 讓您可以管理 AWS 中的使用者和使用者權限。CLI 使用 IAM 代表您以程式設計方式建立和管理服務。

  要設定 CLI，執行 configure 命令。要查看 CLI 設定過程的影片，請參閱下面的「安裝和設定 AWS Amplify CLI」。
  

  amplify configure

  Code snippet copied

  複製
• 初始化 Amplify 應用程式

  接下來，我們將部署後端並在本地初始化後端環境。
  

  a.在 Amplify 主控台中，選取後端環境，然後選擇開始使用。等待後端部署。
  

  

  b.在後端環境標籤上，選擇啟動 Studio。
  

  

  c.返回後端環境標籤，展開本機安裝指示區段。將命令複製到您的剪貼簿，然後在電腦上開啟終端。

  

  d.將命令貼到您的終端中，然後按照安裝指示進行操作。

  ? Choose your default editor: Visual Studio Code
  ? Choose the type of app that you're building javascript
  ? What javascript framework are you using react
  ? Source Directory Path:  src 
  ? Distribution Directory Path: build
  ? Build Command:  npm run-script build
  ? Start Command: npm run-script start
  ? Do you plan on modifying this backend? Y
  

  Code snippet copied

  複製