Getting Started with AWS AppSync

Getting Started with AWS AppSync
Getting Started with AWS AppSync

CLOUD LABS

Getting Started with AWS AppSync

In this Cloud Lab, you’ll create a GraphQL API using various methods with AWS AppSync service, and integrate the API with a functional React application.

11 Tasks

beginner

2hr

Certificate of Completion

Desktop OnlyDevice is not compatible.
No Setup Required
Amazon Web Services

Learning Objectives

Thorough understanding of core concepts related to AWS AppSync
Hands-on experience creating a GraphQL API using multiple methods, including attaching a data source post-creation
The ability to attach data sources and resolvers with GraphQL APIs
Hands-on experience integrating a GraphQL API with a React application

Technologies
DynamoDB logoDynamoDB
AppSync
Cloud Lab Overview

AWS AppSync facilitates the creation and handling of serverless GraphQL and pub/sub APIs. GraphQL APIs pull data from multiple sources using a unified endpoint, while pub/sub APIs help share data in real time using web socket connections without needing servers.

In this Cloud Lab, you’ll create GraphQL APIs in three ways. You’ll create the GraphQL API and backend DynamoDB table during the creation, explore the schema, utilize the query editor, and execute the GraphQL mutation and query in the editor. Subsequently, you’ll create the GraphQL API using the pre-built data source DynamoDB table and execute the GraphQL mutation and query in the editor. Then, you’ll use the blank GraphQL API to design the schema, GraphQL mutation, and queries. You’ll build a DynamoDB table, add some data, and attach it as a data source to the GraphQL API. Moreover, you’ll add the resolvers by configuring the request and response mapping templates. You’ll test this API in the GraphQL query editor and an API testing widget. Finally, you’ll integrate the GraphQL API into a functional React application.

By the end of this Cloud Lab, you’ll have hands-on experience in managing GraphQL APIs using AWS AppSync and connecting them to front-end applications.

The following is the high-level architecture diagram of the infrastructure that you’ll create in this Cloud Lab:

Architecture diagram
Architecture diagram

Cloud Lab Tasks
1.Introduction
Getting Started
2.AppSync API Using Wizard
Create an API with a Schema Designer
GraphQL Mutation and Query
Create an API Using the Existing Table
3.Building an AppSync API from Scratch
Create a Blank API
Create Schema for the AppSync API
Attach Data Source and Add Resolvers
Test the GraphQL API
4.Courses API Integration in React
Demo Application
5.Conclusion
Clean Up
Wrap Up
Labs Rules Apply
Stay within resource usage requirements.
Do not engage in cryptocurrency mining.
Do not engage in or encourage activity that is illegal.

Relevant Course

Use the following content to review prerequisites or explore specific concepts in detail.

Trusted by 1.4 million developers working at companies including

Don’t take our word for it. See what our developers have to say.

Your method is simple, straight to the point and I can practice with it everywhere, even from my phone, that's something I have never had in other learning platforms.

Felipe Matheus
TestimonialsImg

I highly recommend Educative. The courses are well organized and easy to understand.

Adina Ong
TestimonialsImg

I prefer Educative courses because they have a nice mix of text & images. I find that with full video courses, it can often be too easy to go into passive learning mode.

Clifford Fajardo
TestimonialsImg

I prefer Educative courses because they have a nice mix of text & images. I find that with full video courses, it can often be too easy to go into passive learning mode.

Clifford Fajardo
TestimonialsImg
Don’t take our word for it. See what our developers have to say.

Your method is simple, straight to the point and I can practice with it everywhere, even from my phone, that's something I have never had in other learning platforms.

Felipe Matheus
TestimonialsImg

I highly recommend Educative. The courses are well organized and easy to understand.

Adina Ong
TestimonialsImg

I prefer Educative courses because they have a nice mix of text & images. I find that with full video courses, it can often be too easy to go into passive learning mode.

Clifford Fajardo
TestimonialsImg

Get access to Educative Cloud Labs

Course Footer Image
Course Footer Image