Serverless - Processing orders with SQS and SNS > Test web operation

Test web operation

In this step, we will test Web operation.

Open API Gateway console.
- Click APIs on the left menu.
- Choose fcj-serverless-api.
- Click Stages on the left menu.
- Choose Staging.
- Record Invoke URL.
Open config.js file in source code folder of application - FCJ-Serverless-Workshop.
- Replace APP_API_URL with InvokeURL.

Open your terminal and run the below commands.

yarn build
aws s3 rm s3://fcj-book-shop-by-myself --recursive
aws s3 cp build s3://fcj-book-shop-by-myself --recursive

You can download the image files here to add data to check the operation of the services.

Images

Java.jpg (23 ko)

LetGoBook.png (292 ko)

Enter the following links in a new tab in your web browser: http://www.DOMAIN, replace all DOMAIN with your domain name. All those links redirect to the new path, replace http with https.
Click Create new book.
- Enter ID: 1.
- Enter book name: Java.
- Enter author: Jame Patterson.
- Enter category: IT.
- Enter price: 10.98.
- Enter description: A beginner's guide to learning the basic of Java.
- Click Choose File button và choose **LetGoBook.png`` image that you just downloaded.
- Click Create button.
- Click OK button when popup opens.
Create the new book as the previous step.
- Click Create new book.
- Enter ID: 2.
- Enter book name: Let's Go.
- Enter author: Alex Edwards.
- Enter category: IT.
- Enter price: 15.8.
- Enter description: A step-by-step guide to creating fast, secure web with Go.
- Click Choose File button và choose **LetGoBook.png`` image that you just downloaded.
- Click Create button.
- Click OK button when popup opens.
Back to Homepage.
- Click Home.
- Click Add to cart button to add both 2 books to the cart.
- Then, click on Cart icon in the upper right corner.
At Cart Items page.
- Click Checkout button.
- Then, click OK button.
Open Amazon SQS console.
- Click Queues on the left menu.
- Click checkout-queue queue.
- At checkout-queue page, click Send and receive messages button.
- At Send and receive messages page, click Poll for messages button.
- Then, click on the showing message.
- Check the Message: … popup and click Done button.
Open the email that you have subscribed to receive the notification.
Back to the application tab.
- Click Orders and check the books you added to the cart.
Next, repeat the 5th step to add some more orders as you want.
Open the application tab.
- Click Orders and check the books you added to the cart.
- Click Handle button and then click OK button on the popup.
Open AWS DynamoDB.
- Click Tables on the left menu.
- Choose OrdersTable table.
- At OrdersTable page, click Explore table items button.
- You could see the two books in the order that you clicked the Handle button before.
Back to the application tab.
- Click Orders and check the books you added to the cart.
- Next, click Delete button and then click OK button on the popup.
- The deleted item are no longer displayed.