Adding Cloud Storage

We’ll need a place to store all of the photos that get uploaded to our albums. Amazon Simple Storage Service (S3) is a great option for this and Amplify’s Storage module makes setting up and working with S3 very easy.

Configuring and adding storage

First, we’ll use the Amplify CLI to enable storage for our app. This will create a bucket on Amazon S3 and set it up with appropriate permissions so that users who are logged in to our app can read from and write to it. We’ll also allow guests to read from the bucket, in case we ever want to allow albums to be made public.

➡️ From the photoalbums directory, run amplify add storage

  1. Select ‘Content’ at the prompt

  2. Enter values or accept defaults for the resource category and bucket name

  3. Choose Auth users only when asked who should have access. Configure it so that authenticated users have access with create/update, read, and delete access (use the spacebar to toggle on/off, the arrow keys to move, and Enter to continue).

  4. Select Yes when asked to add a Lambda Trigger for your S3 Bucket and select Create new function. This will create a Lambda function that will get triggered by S3 Events. Later on we’ll use this function for photo processing.

  5. Select No when asked to edit a the Lambda function. We’ll do this at a later step in the workshop.

    Here is sample output with responses:

    $ amplify add storage
    ? Please select from one of the below mentioned services:
    Content (Images, audio, video, etc.)
    ? Please provide a friendly name for your resource that will be used to label this category in the project: photoalbumsstorage
    ? Please provide bucket name: <accept the default value>
    ? Who should have access: Auth users only
    ? What kind of access do you want for Authenticated users? 
    ◉ create/update
    ◉ read
    ◉ delete
    ? Do you want to add a Lambda Trigger for your S3 Bucket? Yes
    ? Select from the following options 
    Create a new function 
    ? Do you want to edit the local S3Triggerxxxxxxx lambda function now? (Y/n) 

We’ll modify this Lambda function later, for now we want to create the S3 bucket to host our photos.

Now we’ll have Amplify modify our cloud environment, provisioning the storage resources we just added.

➡️ 1. Run amplify push

➡️ 2. Press Enter to confirm the changes

➡️ 3. Wait for the provisioning to finish. Adding storage usually only takes a minute or two.

Above, we’re telling Amplify to allow read access for guest users so that if we ever want to allow albums to be made public, we won’t need to make any further changes to the way the S3 bucket permissions are configured. However, we won’t be making albums publicly readable as part of this workshop.

You can read more about Amplify’s Storage module here.