Using Website Hosted on S3

Using Website Hosted on S3

In this step, we will test the website hosted on S3 to ensure it functions correctly and integrates seamlessly with the deployed API Gateway and Lambda Function. The goal is to verify that the frontend interacts properly with the backend for all CRUD operations.

  1. Locate the bucket where your website files are hosted, go to the Properties tab and find the Static website hosting section, copy the website endpoint URL and open it in your browser.

S3

  1. After copying the website endpoint URL and opening it in your browser, the interface will appear, showing all the features needed for interaction. The interface provides full functionality, making it easy to test and use the application.

S3

  1. Add a new product:

  • Use the form on the page to input details like product ID, product name and product price.

  • Click the Add Product button.

  • Result: Displays a message that the new product was successfully added.

S3

  • Display product list after adding.

S3

  1. Update product information:

  • Update the product details in the form like product ID, product name and product price.

  • Click the Update Product button.

  • Result: Displays a message that the product has been successfully updated.

S3

  • Display product list after update.

S3

  1. Delete product information:

  • Click the Delete button in the Actions column.

  • Confirm the deletion.

  • Result: Displays a message that the product has been successfully deleted.

S3

  • Display product list after deletion.

S3

  1. Check if the data has been saved in DynamoDB.

S3

Congratulations, you have completed the tutorial on setting up and testing your application with S3, Lambda, API Gateway and DynamoDB. Make sure to clean up any unused resources to avoid unnecessary charges.