本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 使用 AWS 應用程式建置器
<a name="appbuilder-overview-overview"></a>

 下列各節說明如何在 中存取 AWS Application Builder AWS Toolkit for Visual Studio Code。使用 Application Builder，您可以在本機以視覺化方式建置專案、迭代專案，並將其部署到其中 AWS。如需 Application Builder 的功能和潛在使用案例以及您本機 AWS Lambda 體驗的概觀，請參閱 AWS 開發人員 YouTube 影片 [\$1New\$1 AWS Lambda Local IDE Experience！](https://www.youtube.com/watch?v=rhBOuJqzABY)。

## 使用 AWS Application Builder Explorer
<a name="appbuilder-overview-explorer"></a>

若要存取 AWS Toolkit 中的 Application Builder，請在 VS Code 中開啟 AWS Toolkit，然後展開 **AWS Application Builder** Explorer。 AWS Application Builder Explorer 包含在 VS 程式碼編輯器標籤中開啟 **Application Builder 逐步解說**的連結，並顯示目前 VS 程式碼工作區中包含 AWS Application Builder 相關資源的資料夾。

從 AWS Toolkit 中的 Application Builder Explorer 中，有 4 個project-folder-level動作可從專案資料夾旁的按鈕圖示存取，或開啟專案資料夾的內容選單 （按一下滑鼠右鍵）：
+ **開啟範本檔案**：在 VS Code Explorer 中開啟範本檔案。
+ **使用 Infrastructure Composer 開啟**：在 VS 程式碼編輯器中使用 AWS Infrastructure Composer 開啟範本檔案。如需使用 AWS Infrastructure Composer 的詳細資訊，請參閱 [AWS Infrastructure Composer 開發人員指南中的什麼是](https://docs.aws.amazon.com//application-composer/latest/dg/what-is-composer.html) *AWS Infrastructure Composer* 主題。
+ 組**建 SAM 範本**：開啟 AWS Toolkit 中的**指定組建參數**對話方塊。您可以選擇**指定建置的建置旗標**，或從 **samconfig 使用預設值**。如需 AWS SAM 範本的詳細資訊，請參閱《 *AWS Serverless Application Model*開發人員指南》中的[範本結構](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/sam-specification-template-anatomy.html)主題。
+ **部署 SAM 應用程式**：在 VS 程式碼中開啟**選取部署命令**對話方塊，您可以在其中選擇**部署**應用程式或**同步**，以更新已部署的應用程式。如需部署 AWS SAM 應用程式的詳細資訊，請參閱《 *AWS Serverless Application Model*開發人員指南》中的[部署您的應用程式和資源](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/serverless-deploying.html)主題。

您可以從專案資料夾中 AWS Lambda 函數旁的按鈕圖示，或以滑鼠右鍵按一下 AWS Lambda 函數，存取 2 個動作：
+ **本機調用和偵錯組態**：在您的 VS 程式碼編輯器中開啟**本機調用和偵錯組態**表單。使用此表單，您可以建立、編輯和執行 類型的 launch-configs：`aws-sam`。如需有關 SAM Debug 組態的其他資訊，請參閱本使用者指南中的[用於偵錯無伺服器應用程式的組態選項](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/serverless-apps-run-debug-config-ref.html)主題。
**注意**  
VS Code 目前不支援在 ARM64 架構上偵錯 .NET Core 應用程式。如果您嘗試偵錯 .NET Core 應用程式，則會顯示下列錯誤：  
`The vsdbg debugger does not currently support the arm64 architecture. Function will run locally without debug.`  
如需此問題的其他詳細資訊，請參閱 DotNet GitHub 儲存庫中的此 [VSCode-csharp](https://github.com/dotnet/vscode-csharp/issues/2771) 問題。
+ **開啟函數處理常**式：開啟包含函數處理常式的專案檔案。

部署的 AWS Lambda 函數有 2 個其他動作可用。
+ **遠端調用**：在 VS 程式碼編輯器中開啟**遠端調用組態**功能表。
+ **搜尋日誌**：在 VS 程式碼中開啟**搜尋日誌**對話方塊。

## 應用程式建置器的逐步解說
<a name="appbuilder-overview-walkthrough"></a>

**應用程式建置器的逐步解說**是step-by-step互動式指南，引導您完成使用應用程式建置器建置新 AWS 應用程式的程序。您可以從兩個位置存取**應用程式建置器的逐步解說**： 中的應用程式建置器瀏覽器 AWS Toolkit for Visual Studio Code 和 VS 程式碼**歡迎**索引標籤。當您從 AWS 工具組中**的應用程式建置器瀏覽器選取應用程式建置器的逐步解說**時，它會在 VS 程式碼**編輯器**視窗中的 VS 程式碼**歡迎**索引標籤中開啟**應用程式建置器的逐步解說**。

**應用程式建置器的逐步解說**包含 5 個主要部分：

### 1. 安裝
<a name="w2aac17c19b9b7b7"></a>

安裝區段會檢查您是否已安裝 Application Builder 和其他選用 AWS CLI 工具所需的工具。如果您沒有必要的工具或您的工具已過時，系統會引導您完成安裝正確版本的程序。

若要查看是否已安裝正確 AWS CLI 和選用的工具，請選取您要測試之 AWS CLI 或其他工具的 按鈕。選取按鈕後，您的 **AWS Toolkit Logs** 會更新，而 VS 程式碼會顯示警示訊息，其中包含工具的狀態。如果您需要安裝或更新工具，**應用程式建置器演練**會更新您需要繼續的指示和資源。

如需安裝 的詳細資訊 AWS CLI，請參閱《 *AWS CLI*開發人員指南》中的[安裝或更新至最新版本的主題 AWS CLI](https://docs.aws.amazon.com/cli/latest/userguide/getting-started-install.html)。如需安裝 AWS SAM CLI 的詳細資訊，請參閱《[CLI AWS SAM 開發人員指南》中的安裝](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/install-sam-cli.html) *AWS SAM CLI* 主題。

### 2. 選擇您的應用程式範本
<a name="w2aac17c19b9b7b9"></a>

選擇您的應用程式範本區段會引導您完成從範本建置新應用程式的程序。

若要選擇範本並初始化您的應用程式，請完成下列步驟。

1. 從**應用程式建置器的逐步解說**中，選取**選擇您的應用程式範本**區段，以在畫面上顯示範本選項清單。

1. 從清單中選擇範本，然後選擇**初始化專案**按鈕以開啟 VS 程式碼對話方塊。

1. 完成 VS 程式碼對話方塊中的步驟，以初始化您的新應用程式。

1. Toolkit AWS 會記錄初始化程序期間應用程式狀態的更新。

1. 若要在 Application Builder Explorer 中檢視您的應用程式，請選擇**重新整理 Application Builder Explorer** 圖示，以使用您的變更來更新瀏覽器。

### 3. 在本機反覆運算
<a name="w2aac17c19b9b7c11"></a>

本機迭代區段包含範例映像，示範如何使用 VS Code 和 AWS Toolkit Explorer 中提供的應用程式建置器功能進行迭代。

如需 VS 程式碼和 AWS 工具組瀏覽器中所有可用應用程式建置器功能的詳細資訊，請參閱本使用者指南主題中的*使用應用程式建置器瀏覽器*一節。

### 4. 部署至 AWS
<a name="w2aac17c19b9b7c13"></a>

部署至 AWS 區段包含如何設定登入資料以與 連線的相關資訊 AWS ，以便部署您的應用程式，以及如何使用 Application Builder 部署應用程式的範例。

若要透過**應用程式建置器演練** AWS 中的現有登入資料連線至 ，請完成下列其中一個程序。

**人力： AWS 使用單一登入來登入 。**

1. 從**應用程式建置器逐步解說**中的**部署至 AWS**區段中，選擇**設定登入**資料按鈕，以在 AWS Toolkit Explorer 中開啟 **AWS： LOGIN **選單。

1. 從 **AWS：LOGIN **功能表中，選擇**人力**，然後選擇**繼續**按鈕以繼續。

1. 在提供的欄位中輸入您的**開始 URL**，從下拉式選單中選擇您的**AWS 區域**，然後選擇**繼續**按鈕以繼續。

1. 從 VS 程式碼快顯視窗中，確認您想要在預設瀏覽器中開啟 AWS 身分驗證網站。

1. 在預設瀏覽器中，完成身分驗證步驟後，您會在身分驗證完成時收到通知，而且可以安全地關閉瀏覽器視窗。

**IAM 登入資料：存放用於 AWS CLI 工具的金鑰。**

1. 從**應用程式建置器逐步解說**中的**部署至 AWS**區段中，選擇**設定登入**資料按鈕，以在 AWS Toolkit Explorer 中開啟 **AWS： LOGIN **選單。

1. 從 **AWS：LOGIN **功能表中，選擇 **IAM 登入**資料，然後選擇**繼續**按鈕以繼續。

1. 在提供的欄位中輸入**設定檔名稱**，然後輸入您的 **Access Key**和 **Secret Key**，然後選擇**繼續**按鈕以繼續。

1. VS 程式碼會顯示身分驗證的狀態，並在身分驗證完成或您的登入資料無效時通知您。

如需使用 設定登入資料以進行部署的詳細資訊 AWS CLI，請參閱《 *AWS CLI*開發人員指南》中的[設定 AWS CLI](https://docs.aws.amazon.com/cli/latest/userguide/cli-chap-configure.html)主題。如需有關使用現有登入資料 AWS 從 AWS Toolkit 連線至 的其他資訊，請參閱《 使用者指南》中的[連線至 AWS](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/connect.html)主題。