AWS-Logo_White-Color
1.
Introduction
2.
Preparation
2.1
Get the Invoke URL of our UsersAPI's dev stage
2.2
Download frontend source code and tools
2.3
Configure the frontend application with the Invoke URL
2.4
Test the frontend application
3.
Configure CORS for the API Gateway
3.1.
Configure CORS for /users resource
3.2.
Configure CORS for /users/{userId} resource
3.3.
Re-deploy `UsersAPI`
4.
Test the frontend application
4.1
Test create user
4.2
Test list users
4.3
Test update user
4.4
Test delete user
5.
Store frontend application bundle in a S3 bucket
5.3
Build your frontend application
5.2
Create a S3 bucket
5.4
Interact with objects in S3 bucket
5.3
Upload frontend application bundle to S3 bucket
6.
Host the frontend application with S3 static website hosting
6.1
Turn on S3 static website hosting
6.2
Settings permission for website access
6.2.1
Add a bucket policy to grant public read access to your bucket
6.2.2
Turn off S3 Block Public Access
7.
Cleanup
More
AWS Study Group
English
Tiếng Việt
Clear History
Workshop
Cloud Journey
Last updated
09-07-2025
8da6645
Team
Gia Hưng
Hoàng Kha
Quang Thắng
Integrate API Gateway with frontend hosted in S3
>
Test the frontend application
> Test list users
Test list users
In the previous step, you’ve just created 3 users.
Go back to your frontend application (at
http://localhost:5173/
).
Refresh the page (press
F5
or click
Refresh
button) and verify that these 3 users are still showing.