From the course: Complete Guide to Serverless Web App Development on AWS
Unlock this course with a free trial
Join today to access over 24,700 courses taught by industry experts.
Challenge: Integrating the new function in the front end - Amazon Web Services (AWS) Tutorial
From the course: Complete Guide to Serverless Web App Development on AWS
Challenge: Integrating the new function in the front end
(upbeat music) - [Instructor] You thought I will be the one connecting the backend to the web app and doing all the modifications? No. Now it's your time to connect the backend to the web app. We has modified the graph called schema, and those changes need to be reflected in the web app. You have everything there. So to achieve all this, you need to work on the web app, modify the GraphQL schema, reiterate the necessary code, or use that new mutation in the API. So in the client, update the schema, export it, download it, regenerate the code. Here's the command, amplify codegen. Now implement a new mutation using the notify me method that is inside the APT.ts file that you already have, and test it. You can test it locally and see how it behaves. Use an user that is subscribed to the topic, so that's important. And then you can push the changes to GitHub and see what happens. Wait for it to deploy and test it in the cloud. This challenge brings a lot of the things that you have been…
Contents
-
-
-
-
-
-
-
-
(Locked)
Introduction to GraphQL4m 5s
-
(Locked)
Introduction to AppSync3m 42s
-
(Locked)
Challenge: Create a cognito userpool, client and identity pool2m 26s
-
(Locked)
Solution: Create a cognito userpool, client and identity pool5m 41s
-
(Locked)
Challenge: Host the test WebApp with Amplify1m 49s
-
(Locked)
Solution: Host the test WebApp with Amplify10m 32s
-
(Locked)
Challenge: Add authentication using cognito to the webapp1m 53s
-
(Locked)
Solution: Add authentication using cognito to the webapp5m 41s
-
(Locked)
Amplify GraphQL Directives2m 33s
-
Create the GraphQL Schema4m 56s
-
(Locked)
Creating a simple API with AppSync and AWS CDK7m 39s
-
(Locked)
Deploying and testing your AppSync API3m 47s
-
(Locked)
Integrating the API into your webapp9m 55s
-
(Locked)
Adding a function as a datasource14m 35s
-
(Locked)
Challenge: Integrating the new function in the front end1m 21s
-
(Locked)
Solution: Integrating the new function in the frontend5m 40s
-
(Locked)
Progress check: Web Apps with GraphQL APIs1m 54s
-
(Locked)
-
-
-