Test web operation
You can download the image files here to add data to check the operation of the services
- Open config.js file in source code folder of front-end
- Uncomment the line 4, then change value with email that you registered account as well as registered to receive notify
- Open Login.js file in source/component/Authen/ folder
- Uncomment the lines 39 and 41
- Run the below command to build and upload to S3 bucket
yarn build
aws s3 cp build s3://fcj-book-store --recursive
- Navigate Amazon S3 console
- Click to fcj-book-store bucket
- Click Properties tab
- Scroll down to bottom, click to website endpoint
- Click Login
- Nhập thông tin tài khoản bạn đã đăng ký: email và mật khẩu
- Click Submit
- Click Create new book
- Enter the book information
- Enter ID:
1 - Enter book name:
Java - Enter author:
Jame Patternson - Enter catagory
IT - Enter price:
10.98 - Enter desciption:
A beginner's guide to learning the basic of Java - Click Choose File và chọn tệp ảnh Java.jpg mà bạn vừa tải về
- Click Create
- Ấn OK
- Ấn Create new book
- Enter ID:
2 - Enter book name:
Let's Go - Enter author:
Alex Edwards - Enter catagory:
IT - Enter price:
15.8 - Enter desciption:
A step-by-step guide to creating fast, secure web with Go - Click Choose File và chọn tệp ảnh LetGoBook.png mà bạn vừa tải về
- Click Create
- Click OK
- Click Add to cart of each product
- Click on the cart icon in the upper right corner
- Click Checkout
- Click OK
- Back to Amazon SQS console
- Click Send and receive messages
- Click Poll messages
- Click to the showing message
- View the content of the order, Click Done
- Open email that you have subscribed to receive notification
- Back to the application tab
- Click Orders, orders are displayed
- Repeat steps 12 to 14 to add as some orders as you like
- Click Orders
- Click Handle
- Click OK
- The order has been processed, the status is changed to Processed and delete and processing buttons aren’t displayed
- Click Delete
- Open Amazon DynamoDB console, Click Explore items on the left menu
- Select Orders, processed order data has been entered into the table
- Back to application tab
- Click Delete
- Click OK
- Deleted orders are no longer displayed
We have completed the workshop, already know how to work with Amazon SQS and Amazon SNS. The next workshop we will use CodePipeline to deploy the application.