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

# 教學課程：使用 AI 產生應用程式
<a name="getting-started-tutorial-ai"></a>

AWS App Studio 包含整個服務的生成式 AI 功能，可協助加速應用程式建置。在本教學課程中，您將了解如何使用自然語言描述您的應用程式，以使用 AI 產生應用程式。

使用 AI 產生應用程式是開始建置的好方法，因為許多應用程式的資源都是為您建立的。使用現有資源從產生的應用程式開始建置，通常比從空白應用程式開始建置更容易。

**注意**  
您可以使用 [AWS App Studio （預覽） 檢視部落格文章使用自然語言建置企業級應用程式](https://aws.amazon.com/blogs/aws/build-custom-business-applications-without-cloud-expertise-using-aws-app-studio-preview)，以檢視包含映像的類似演練。部落格文章也包含有關設定和配置管理員相關資源的資訊，但您可以視需要跳到有關建置應用程式的部分。

當 App Studio 使用 AI 產生應用程式時，它會使用根據您描述的應用程式量身打造的下列資源來建立應用程式：
+ **頁面和元件**：*元件*是您應用程式使用者介面的建置區塊。它們代表視覺化元素，例如資料表、表單和按鈕。每個元件都有自己的一組屬性，您可以自訂元件以符合您的特定需求。*頁面*是元件的容器。
+ **自動化**：您可以使用*自動化*來定義控制應用程式行為的邏輯和工作流程。例如，您可以使用自動化來建立、更新、讀取或刪除資料表中的資料列，或與 Amazon S3 儲存貯體中的物件互動。您也可以使用它們來處理資料驗證、通知等任務，或與其他系統的整合。
+ **實體**：資料是為您的應用程式提供支援的資訊。產生的應用程式會建立類似於資料表的*實體*。實體代表您需要存放和使用的不同資料類型，例如客戶、產品或訂單。您可以使用 App Studio 連接器，將這些資料模型連接到各種資料來源，包括 AWS 服務和外部 APIs。

**Contents**
+ [先決條件](#getting-started-tutorial-ai-prerequisites)
+ [步驟 1：建立 應用程式](#getting-started-tutorial-ai-steps-create-application)
+ [步驟 2：探索您的新應用程式](#getting-started-tutorial-ai-steps-explore)
  + [探索頁面和元件](#getting-started-tutorial-ai-steps-explore-pages)
  + [探索自動化和動作](#getting-started-tutorial-ai-steps-explore-automations)
  + [使用實體探索資料](#getting-started-tutorial-ai-steps-explore-data-entities)
+ [步驟 3：預覽您的應用程式](#getting-started-tutorial-ai-steps-preview)
+ [後續步驟](#getting-started-tutorial-ai-next-steps)

## 先決條件
<a name="getting-started-tutorial-ai-prerequisites"></a>

開始之前，請先檢閱並完成下列先決條件：
+ 存取 AWS App Studio。如需詳細資訊，請參閱[設定並登入 AWS App Studio](setting-up.md)。
+ 選用：檢閱[AWS App Studio 概念](concepts.md)以熟悉重要的 App Studio 概念。

## 步驟 1：建立 應用程式
<a name="getting-started-tutorial-ai-steps-create-application"></a>

產生應用程式的第一步是將您要建立的應用程式描述給 App Studio 中的 AI 助理。您可以檢閱要產生的應用程式，並在產生應用程式之前視需要反覆執行。

**使用 AI 產生您的應用程式**

1. 登入 App Studio。

1. 在左側導覽中，選擇**建置器中樞**，然後選擇 **\$1 建立應用程式**。

1. 選擇**使用 AI 產生應用程式**。

1. 在**應用程式名稱**欄位中，為您的應用程式提供名稱。

1. 在**選取資料來源**對話方塊中，選擇**略過**。

1. 您可以在文字方塊中描述應用程式，或在範例提示中選擇**自訂**，以開始定義要產生的應用程式。在您描述應用程式後，App Studio 會產生應用程式需求和詳細資訊供您檢閱。這包括使用案例、使用者流程和資料模型。

1. 視需要使用文字方塊與您的應用程式進行反覆運算，直到您對需求和詳細資訊感到滿意為止。

1. 當您準備好產生應用程式並開始建置時，請選擇**產生應用程式**。

1. 或者，您可以檢視簡短的影片，其中詳細說明如何導覽您的新應用程式。

1. 選擇**編輯應用程式**以輸入應用程式的開發環境。

## 步驟 2：探索您的新應用程式
<a name="getting-started-tutorial-ai-steps-explore"></a>

在開發環境中，您會找到下列資源：
+ 您用來檢視或編輯應用程式的畫布。畫布會根據選取的資源而變更。
+ 畫布頂端的導覽標籤。這些索引標籤會在下列清單中說明：
  + **頁面**：您可以在其中使用頁面和元件來設計應用程式的 UI。
  + **自動化**：您可以在自動化中使用動作來定義應用程式的商業邏輯。
  + **資料**：您在其中定義實體、其欄位、範例資料和資料動作，以定義應用程式的資料模型。
  + **應用程式設定**：您可以在其中定義應用程式設定，包括應用程式角色，用於為最終使用者定義以角色為基礎的頁面可見性。
+ 左側導覽功能表，其中包含您檢視之標籤的資源。
+ 右側選單，列出**頁面**和**自動化**索引標籤中所選資源的資源和屬性。
+ 偵錯主控台，會在建置器底部顯示警告和錯誤。您產生的應用程式中可能存在錯誤。這可能是因為自動化需要設定的連接器來執行動作，例如使用 Amazon Simple Email Service 傳送電子郵件。
+ **詢問 AI** 聊天視窗，以取得 AI 建置器助理的情境協助。

讓我們進一步了解**頁面**、**自動化**和**資料**索引標籤。

### 探索頁面和元件
<a name="getting-started-tutorial-ai-steps-explore-pages"></a>

**頁面**索引標籤會顯示為您產生的頁面及其元件。

每個頁面都代表應用程式使用者介面 (UI) 的畫面，您的使用者將與其互動。在這些頁面上，您可以找到各種元件 （例如資料表、表單和按鈕） 來建立所需的配置和功能。

使用左側導覽選單花一些時間檢視頁面及其元件。當您選取頁面或元件時，您可以在右側功能表中選擇**屬性**。

### 探索自動化和動作
<a name="getting-started-tutorial-ai-steps-explore-automations"></a>

**自動化**索引標籤會顯示為您產生的自動化及其動作。

自動化會定義應用程式的商業邏輯，例如建立、檢視、更新或刪除資料項目、傳送電子郵件，甚至叫用 APIs或 Lambda 函數。

使用左側導覽選單花一些時間檢視自動化。當您選擇自動化時，您可以在右側的屬性功能表上檢視其**屬性**。自動化包含下列資源：
+ 自動化是由個別動作組成，這些動作是您應用程式商業邏輯的建置區塊。您可以在左側導覽功能表或所選自動化的畫布中檢視自動化的動作。選取動作時，您可以在右側的屬性功能表上檢視其**屬性**。
+ 自動化參數是將資料傳遞至自動化的方式。參數做為預留位置，在執行自動化時以實際值取代。這可讓您每次使用相同的自動化搭配不同的輸入。
+ 自動化輸出是您設定自動化結果的地方。根據預設，自動化沒有輸出，因此若要使用自動化的結果產生元件或其他自動化，您必須在此處定義它們。

如需詳細資訊，請參閱[自動化概念](automations-concepts.md)。

### 使用實體探索資料
<a name="getting-started-tutorial-ai-steps-explore-data-entities"></a>

**資料**索引標籤會顯示為您產生的實體。

實體代表保存應用程式資料的資料表，類似於資料庫中的資料表。它們不會將應用程式的使用者介面 (UI) 和自動化直接連接到資料來源，而是先連接到實體。實體充當實際資料來源與 App Studio 應用程式之間的媒介。這提供單一位置來管理和存取您的資料。

花一些時間檢視從左側導覽功能表中選擇產生的實體。您可以檢閱下列詳細資訊：
+ **組態**索引標籤會顯示實體名稱及其欄位，代表實體的資料欄。
+ **資料動作**索引標籤會顯示使用實體產生的資料動作。元件和自動化可以使用資料動作從您的實體擷取資料。
+ **範例資料**索引標籤顯示範例資料，您可以用來在開發環境中測試應用程式 （不會與外部服務通訊）。如需環境的詳細資訊，請參閱 [應用程式環境](applications-publish.md#application-environments)。
+ Connection ****索引標籤會顯示實體所連線之外部資料來源的相關資訊。App Studio 提供使用 DynamoDB 資料表的受管資料儲存解決方案。如需詳細資訊，請參閱[AWS App Studio 中的受管資料實體](managed-data-entities.md)。

## 步驟 3：預覽您的應用程式
<a name="getting-started-tutorial-ai-steps-preview"></a>

您可以在 App Studio 中預覽應用程式，以查看使用者的外觀。您也可以使用它並檢查偵錯面板中的日誌來測試其功能。

應用程式預覽環境不支援顯示即時資料或與具有連接器之外部資源的連線，例如資料來源。反之，您可以使用範例資料和模擬輸出來測試功能。

**預覽您的應用程式以進行測試**

1. 在應用程式建置器的右上角，選擇**預覽**。

1. 與您應用程式的頁面互動。

## 後續步驟
<a name="getting-started-tutorial-ai-next-steps"></a>

現在您已建立第一個應用程式，以下是一些後續步驟：
+ 如需包含映像的另一個入門演練，請參閱部落格文章[使用 AWS App Studio 建置自然語言的企業級應用程式 （預覽）](https://aws.amazon.com/blogs/aws/build-custom-business-applications-without-cloud-expertise-using-aws-app-studio-preview)。
+ 應用程式使用連接器來傳送和接收資料，或與外部服務 ( AWS 服務和第三方服務） 通訊。必須進一步了解連接器，以及如何設定連接器來建置應用程式。請注意，您必須擁有**管理員**角色才能管理連接器。如需詳細資訊，請參閱 [使用連接器將 App Studio 連接至其他 服務](connectors.md)。
+ 若要進一步了解預覽、發佈和最終將應用程式分享給最終使用者，請參閱 [預覽、發佈和共用應用程式](applications-preview-publish-share.md)。
+ 繼續探索和更新您為一些實作體驗產生的應用程式。
+ 若要進一步了解如何建置應用程式，請參閱 [建置器文件](builder-documentation.md)。具體而言，下列主題可能有助於探索：
  + [自動化動作參考](automations-actions-reference.md)
  + [元件參考](components-reference.md)
  + [與 Amazon Simple Storage Service 與元件和自動化互動](automations-s3.md)
  + [安全考量和緩解措施](security-considerations-and-mitigations.md)