AWS AppSync 서울 리전 출시 및 손쉬운 단계별 API 빌더 소개

지난 9월 6일 AWS AppSync가 서울 리전에 출시하였습니다.

실시간 데이터 동기화 및 오프라인 기능을 지원하는 웹 및 모바일 애플리케이션 용 서버리스 백엔드로서 다양한 AWS 서비스 데이터 액세스를 단일 엔드포인트로 단순화하고, 공개 표준인 GraphQL이 지원되기 때문에 애플리케이션을 사용하여 단일 네트워크 요청에서 필요한 정확한 데이터를 처리할 수 있습니다.

오늘은 얼마전 출시한 단계별 API 빌더 기능을 소개하고자 합니다. 기존에는 어느 정도 AWS AppSync를 구동하는 GraphQL에 대한 지식이 있어야 AWS AppSync API를 구축할 수 있었습니다. GraphQL은 백엔드 및 애플리케이션에서 효율적인 네트워크 작업을 한 번 왕복하여 복잡한 데이터 가져오기를 수행할 수 있도록 하는 강력한 API 쿼리 언어입니다. AWS는 2018년 7월에 이 요구 사항을 완화하기 위한 한 단계로 “코드 없는” GraphQL API 빌더를 출시했습니다.

이 글에서 소개하는 빌더를 사용하면 GraphQL에 대한 사전 지식 없이도 모바일 및 웹 앱을 위한 강력한 API를 더 쉽게 생성할 수 있습니다. 단계별 API 빌더에서는 단순한 웹 양식을 사용하여 데이터 모델을 정의할 수 있습니다. GraphQL 스키마, Amazon DynamoDB 데이터 테이블 및 앱 백엔드에 필요한 확인자는 빌더에서 자동으로 생성됩니다.

지금부터, 할 일 목록을 만들 수 있는 “To-do list” 앱에 대한 AWS AppSync API를 생성하여 단계별 API 빌더에 대한 데모를 시작하겠습니다. 오늘 출시 전에는 AWS AppSync Developer Guide의 지침에 따라 유사한 API를 생성할 수 있었습니다. 이 실습에서는 [priority] 필드에 Enum 대신 String을 사용하도록 데이터 모델을 약간 변경했습니다.

새로운 단계별 API 빌더를 사용하여 단순한 앱 백엔드를 생성하는 단계는 다음과 같습니다.

AWS AppSync 콘솔로 이동하고 [Create API]를 선택합니다.
[Create with wizard] 옵션에 해당하는 [Start] 버튼을 선택합니다.
이 화면에서 스키마, DynamoDB 데이터 테이블 및 확인자를 자동으로 생성하는 데이터 모델을 정의할 수 있습니다.
1. 모델의 이름을 “Todo”로 입력합니다.
2. 다음 필드를 추가합니다. 유형이 ID인 [id](옆에 있는 [Required] 확인란을 선택해야 함), 유형이 String인 [name], 유형이 String인 [description], 유형이 Int인 [priority] 및 유형이 String인 [status] [id]를 제외한 모든 필드는 선택 사항이므로 다른 필드에 대해서는 [Required] 속성을 선택하지 마십시오.
3. [Create] 버튼을 클릭합니다.
이 화면에서 AWS AppSync API의 이름을 지정하고 구성 파라미터(사용 가능한 경우)를 확인할 수 있습니다. AWS AppSync API의 이름을 “Todo App”으로 입력하고 [Create]를 선택합니다.
API를 생성하는 데 필요한 모든 작업이 완료되었습니다. 이 데이터 모델에 필요한 DynamoDB 테이블 및 확인자를 생성하는 힘든 작업은 AWS AppSync가 수행합니다. 리소스가 생성되면 [Queries] 페이지로 자동으로 이동하며 이 페이지에서 API를 테스트할 수 있습니다.
[Queries] 페이지에서 미리 생성된 변형을 사용하여 데이터 모델에 사용할 데이터를 입력합니다. 그런 다음 쿼리를 실행하여 변형을 사용해 입력한 데이터를 다시 가져옵니다. 페이지 맨 위의 [Play] 아이콘을 누르고 드롭다운에서 [createTodo]를 선택하기만 하면 됩니다.
페이지 맨 위의 [Play] 아이콘을 누르고 드롭다운에서 [listTodos] 옵션을 선택합니다. 새로 입력된 데이터를 가져오는 쿼리가 실행됩니다. AWS AppSync API 쿼리에서 반환된 데이터는 다음과 같습니다.
이제 API 대시보드로 이동하여 새로 생성된 백엔드와 앱 프런트엔드의 통합에 대한 세부 정보를 확인할 수 있습니다. 여기서는 이 작업을 최근에 출시된 AWS Amplify CLI를 통해 수행합니다. 왼쪽 탐색 창의 [APIs] 옵션 아래에서 API 이름(이 예에서는 Todo App)을 선택하고 [Integrate with your app] 섹션에서 API 대시보드의 지침을 따릅니다.