> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cloud.cdata.com/llms.txt
> Use this file to discover all available pages before exploring further.

# AWS App Studio

> AWS App Studio is an AWS service that enables application development using generative AI. When connected to Connect AI, AWS App Studio lets you develop applications using SaaS data.

This page outlines the steps to connect AWS App Studio to your Connect AI account.

## Prerequisites

Before you connect, you must first do the following:

* Connect a data source to your Connect AI account. See [Sources](/ja/Sources) for more information.
* [Add a workspace](/ja/Workspaces#add-a-workspace) to Workspaces.
* [Add assets](/ja/Workspaces#workspace-assets) to your workspace.
* Generate a Personal Access Token (PAT) on the [Settings](/ja/Settings#personal-access-tokens) page. Copy this down, as it acts as your password during authentication.

## Connect to Connect AI via OpenAPI

To establish a connection from AWS App Studio to Connect AI via OpenAPI, follow these steps.

<Steps>
  <Step>
    In **Workspaces** in Connect AI, select a workspace and download the OpenAPI specification for the workspace. See [OpenAPI](/ja/API/OpenAPI) for more information.

    <Note>
      You must use OpenAPI version 3.0.
    </Note>

    <Frame>
      <img src="https://mintcdn.com/cdata/TfqVmUuBCnNRmW2K/ja/images/aws_appstudio_client_endpoints.png?fit=max&auto=format&n=TfqVmUuBCnNRmW2K&q=85&s=f896312cbbed8ece5ce92bdbd67dfd88" alt="" width="747" height="539" data-path="ja/images/aws_appstudio_client_endpoints.png" />
    </Frame>
  </Step>

  <Step>
    Log in to AWS App Studio.
  </Step>

  <Step>
    Open the Admin hub.
  </Step>

  <Step>
    Click **Create Connector**.
  </Step>

  <Step>
    In the **Select a connector** page, select **OpenAPI Connector**.
  </Step>

  <Step>
    In the **OpenAPI Connector Configuration** page, configure the following:

    * **Name**—enter a name of your choice for the connection.
    * **Description**—if desired, enter a description for the connection.
    * **Base URL**—the URL of the OpenAPI Specification file.
    * **Authentication method**—select **Basic**.
    * **Username**—Connect AI のユーザー名を入力します。ユーザー名は、Connect AI の画面の右上に表示されています。例：*[test@cdata.co.jp](mailto:test@cdata.co.jp)*
    * **Password**—[Settings](/ja/Settings#personal-access-tokens) ページで生成したPAT を入力します。
    * **OpenAPI Specification file**—import the OpenAPI Specification file you downloaded from Connect AI.
  </Step>

  <Step>
    Save the connector.
  </Step>
</Steps>

## Use the OpenAPI Connection in AWS App Studio

<Steps>
  <Step>
    Open the Builder hub.
  </Step>

  <Step>
    Click **Create app** and give the application a name.
  </Step>

  <Step>
    Click **Add automation**.
  </Step>

  <Step>
    In the **Actions** tab to the right of the application creation screen, click **Invoke API** and add it to a flow.

    <Frame>
      <img src="https://mintcdn.com/cdata/TfqVmUuBCnNRmW2K/ja/images/aws_appstudio_client_automation.png?fit=max&auto=format&n=TfqVmUuBCnNRmW2K&q=85&s=0a4300e1e6c9a1eb838bce16ade3e469" alt="" width="1141" height="573" data-path="ja/images/aws_appstudio_client_automation.png" />
    </Frame>
  </Step>

  <Step>
    In the **Properties** tab to the right of the application creation screen, select the OpenAPI connector you created.

    <Frame>
      <img src="https://mintcdn.com/cdata/TfqVmUuBCnNRmW2K/ja/images/aws_appstudio_client_properties.png?fit=max&auto=format&n=TfqVmUuBCnNRmW2K&q=85&s=c9db1197313881d70d4b6803657f6be5" alt="" width="1144" height="685" data-path="ja/images/aws_appstudio_client_properties.png" />
    </Frame>
  </Step>

  <Step>
    Confirm the contents of the OpenAPI connector.
  </Step>

  <Step>
    Once the flow is successfully completed, you can test the outputs for your flow.
  </Step>
</Steps>