Using the demo UI - Serverless Image Handler

Using the demo UI

The solution provides an optional demo user interface (UI) that you can deploy into your AWS account to display basic capability and functionality. With this UI, you can interact directly with the new handler using images from the specified Amazon Simple Storage Service (Amazon S3) buckets in your account.


      Serverless Image Handler Demo UI

Figure 2: Serverless Image Handler demo UI

Follow this procedure to experiment with the supported image editing features, preview the results, and create example URLs that you can use in your applications:

  1. Sign in to the AWS CloudFormation console.

  2. Select the solution's installation stack.

  3. Choose the Outputs tab, and then select the DemoUrl. The Serverless Image Handler Demo UI opens in your browser.

  4. On the Image Source card, specify a bucket name and image key to use for the demo. You must include the file extension in the key, and the bucket you specify must be listed in the SOURCE_BUCKETS environment variable of the AWS Lambda function.

  5. Select Import. The original image appears in the Original Image card.

  6. In the Editor section, adjust the image settings and select Preview to generate the modified image. You can select Reset to revert the settings back to their original values.

Note

The Serverless Image Handler demo UI offers a limited set of image edits and does not include the full scope of capabilities offered by the Image Handler API and the image URL signature. We recommended using your own front-end application for image modification.