# Task 1: Create the web app
<a name="module-1"></a>


|  |  | 
| --- |--- |
| **Time to complete** | 5 minutes  | 
| **Requires** |  [See the AWS documentation website for more details](http://docs.aws.amazon.com/hands-on/latest/set-up-an-aws-transfer-family-web-app/module-1.html)  | 
| **Get help** | [Troubleshooting IAM issues](https://docs.aws.amazon.com/IAM/latest/UserGuide/troubleshoot_general.html) | 

## Overview
<a name="overview"></a>

In this task, you will create an AWS Transfer Family web app and assign your user to the app.

## Implementation
<a name="implementation"></a>

### Step 1: Create web app
<a name="create-web-app"></a>

1. Get IAM Identity Center instance ARN

   Sign in to the [AWS Management Console](https://aws.amazon.com/console/), search for **AWS IAM Identity Center**, and confirm that you are in the correct AWS Region.

   Select **Settings** and note the **Instance ARN**. (You will need it in a later task.)  
![IAM Identity Center instance details page.](http://docs.aws.amazon.com/hands-on/latest/set-up-an-aws-transfer-family-web-app/images/get-identity-center-arn.png)

1. Open the Transfer Family console

   Navigate to AWS Transfer Family and select **Web apps**.  
![AWS Transfer Family console page with web apps highlighted.](http://docs.aws.amazon.com/hands-on/latest/set-up-an-aws-transfer-family-web-app/images/transfer-family-banner.png)

1. Configure web app

   Select **Create web app** to configure a web app.

   Verify that IAM Identity Center is connected under **Authentication Access**:
   + For **Permission type**, choose **Create** and use a new service role.
   + For **Web app units**, choose **1 (up to 250 concurrent sessions)**.  
![Configure web apps page in the console.](http://docs.aws.amazon.com/hands-on/latest/set-up-an-aws-transfer-family-web-app/images/transfer-family-create-app.png)

1. Add tags

   For **Tags**, select **Add tag**.
   + For **Key**, enter **Name**.
   + For **Value**, enter **Transfer Family web app demo**.

   Choose **Next**.  
![Set tags page in the console.](http://docs.aws.amazon.com/hands-on/latest/set-up-an-aws-transfer-family-web-app/images/transfer-family-add-tags.png)

1. Customize web app

   On the **Design web app** page:
   + For **Page title**, enter **AWS Transfer Family Web App Demo**.
   + (Optional) Upload a logo.

   Choose **Next**.  
![Customize web app page in the console.](http://docs.aws.amazon.com/hands-on/latest/set-up-an-aws-transfer-family-web-app/images/transfer-family-customize.png)

1. Create web app

   Choose **Next** and review your inputs.

   Choose **Create web app**.

   Once the web app is created, choose **Add User**.  
![Create web app page in the console.](http://docs.aws.amazon.com/hands-on/latest/set-up-an-aws-transfer-family-web-app/images/transfer-family-create-webapp.png)

### Step 2: Assign your user
<a name="assign-your-user"></a>

1. Assign users and groups

   Choose **Assign users and groups.** 

   Select **Assign existing users and groups**. 

   Choose **Next**.   
![The resource creation interface.](http://docs.aws.amazon.com/hands-on/latest/set-up-an-aws-transfer-family-web-app/images/transfer-family-assign-user-resource.png)

1. Assign your user

   In the pop-up window, search for **your user**. 

   Select **your user** and choose **Assign**. (The user created in the prerequisite tutorial [Setting Up Your Environment](https://docs.aws.amazon.com/hands-on/latest/setup-environment/).) 
**Note**  
If you need to confirm the name of your user, go to the [IAM Identity Center](https://us-west-2.console.aws.amazon.com/singlesignon/home), and select **Users**.  
![The resource creation interface.](http://docs.aws.amazon.com/hands-on/latest/set-up-an-aws-transfer-family-web-app/images/transfer-family-assign-user-eda-resource.png)

1. Get your instance ARN and user ID

   In the **Web** **app** **details** pane, copy the **Instance** **ARN** as you will need it when you enable cross-origin resource sharing. 

   On the **Users** tab, for **your** **user**, copy the **User** **ID** as you will need it for the next task.   
![Interface element requiring manual review.](http://docs.aws.amazon.com/hands-on/latest/set-up-an-aws-transfer-family-web-app/images/transfer-family-assign-user-fdfe-interface.png)

## Conclusion
<a name="conclusion"></a>

In this task, you’ve learned how to create an AWS Transfer Family web app and assign a user to the app.