Test with front-end

We will try registration and login from web application to test API Gateway, Lambda function and User pool working.

  1. Open API Gateway console.

    • Click APIs on the left menu.
    • Choose fcj-serverless-api. TestFrontEnd
    • Click Stages on the left menu.
    • Choose Staging.
    • Record Invoke URL. TestFrontEnd
  2. Open config.js file in source code folder of application - FCJ-Serverless-Workshop.

    • Replace APP_API_URL with InvokeURL. TestFrontEnd
  3. 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
    
  4. Open Amazon S3 console.

    • Click fcj-book-shop-by-myself bucket. TestFrontEnd
    • At fcj-book-shop-by-myself page.
      • Click Properties tab. TestFrontEnd
      • Scroll down to the bottom and record Bucket website endpoint url. TestFrontEnd
  5. Open your browser with recorded Bucket website endpoint url.

    • Click Register. TestFrontEnd
    • At FCJ Book Store - Register page.
      • Enter your email, password and re-enter password.
      • Click Register button. TestFrontEnd
    • Open your Mail box and record the confirmation code. TestFrontEnd
    • Back to Verify Email page.
      • Enter the Confirmation code you recorded.
      • Click Submit button. TestFrontEnd
    • After successfully verified email, it will redirect you to FCJ Book Store - Login page.
      • Enter your Email and Password.
      • Click Submit button. TestFrontEnd
    • After successful login, the features: Create new book, Management, Order appear allowing users to use. TestFrontEnd