AppSync &GraphiQL 입문

AppSync란 무엇입니까?

GraphiQL API 사양을 사용하여 유연한 API를 위한 AWS 관리 서비스 제공
그나저나 예전의 REST API 형식이라면 AWS는 API Gateway를 제공한다

GraphiQL이란?

페이스북이 개발한 웹 API 표준
쿼리 언어 및 모드 언어로 구성
REST API는 1URL에 API 및 정보를 제공합니다.
GraphiQL은 원하는 데이터를 아래의 조회로 발행하면 원하는 데이터의 Object 형식으로 얻을 수 있습니다

// リクエスト
query GetCurrentUser {
  currentUser {
    id
    name
  }
}

↓

// レスポンス
{
  id: 'hoge',
  name: 'yamada'
}

AppSync의 구조

AppSync는 DynamoDB의 값을 직접 가져오고, 업데이트하고, 삭제할 수 있습니다.
기존 API Gateway에는 AWS Lambda 필요
AppSync는 Lambda 없이 DynamoDB에 액세스할 수 있음
대신 AppSync 내의 해석기라는 영역에서 논리를 기술합니다

조회

수행된 GraphiQl

패턴

어떤 종류의 값을 어디서 사용하는지 정의하는 디자인서

회전 변압기

함수.논리를 기술하다.
방해기는 リクエストマッピングテンプレート와レスポンスマッピングテンプレート로 구성되어 있다リクエストマッピングテンプレート 변환 및 실행 논리 포함

리소스

데이터베이스AppSyncAWS DynamoDB에서 자동 연결

AppSync 비용

사용료만 받습니다.

조회 및 데이터 수정 작업

4.00달러 ≈423.87엔/조회 및 데이터 변경 작업 100만 건당

실시간 업데이트

데이터가 업데이트될 때 실시간으로 업데이트되는 기능
$2.00≈211.94엔/실시간 업데이트 100만 회
최초 12개월의 무료 사용 범위 대상이기 때문에 등록 후 12개월에 일정 횟수를 무료로 사용할 수 있다
비용의 상세한 상황은 여기에 있다

시험해 보다

실제로 AppSync를 사용하여 취득, 등록 이벤트 처리를 구현하는 것은 매우 간단합니다.

AppSync API 만들기

AWS 로그인 후 AppSync 페이지로 이동, "API 만들기"
샘플 항목에서 활동 적용을 선택하고 시작
API 이름은 [yourname] App입니다.
왼쪽 메뉴에서 조회 페이지로 이동하면 GraphiQL Explorer가 표시됩니다.
여기서 GraphiQL을 테스트할 수 있습니다.

▶준비 단추에서 실행할 질의를 선택하면 결과가 오른쪽에 표시됩니다.

기본적으로 두 개의 쿼리 제공

mutation CreateEvent {
  createEvent(
    name: "My First Event"
    when: "Today"
    where: "My House"
    description: "Very first event"
  ) {
    id
    name
  }
}
  
query ListEvents {
  listEvents {
    items {
      id
      name
    }
  }
}

첫 번째mutation CreateEvent는 새로운 이벤트 데이터를 만드는 mutation입니다.
두 번째query ListEvents는 DB에 등록된 이벤트의 데이터를 가져오는query입니다.CreateEvent 여러 번 실행하면 ListEvents 결과가 달라집니다.

GraphiQL에는 3가지 조회가 있습니다.

이름:
설명
query
데이터 가져오기(read)
mutation
데이터 제작/업데이트/삭제(create/update/delete)
subscription
실시간 이벤트를 수락할 수 있습니다.내부 사용 웹 소켓
아까 샘플은query와mutation을 사용했어요.