AppSyncで始めるGraphQL

AppSyncで始めるGraphQL 2020/01/11 Kyoto.js #17 Ryosuke Izumi

Ryosuke Izumi ( is_ryo ) WebApplication / IoT AWS /
Vue / TypeScript / Serverless v-kansai organizer @is_ryo

今日のお伝えしたいこと

GraphQL はいいぞ。

GraphQL 使ったことありますか？

GraphQL

• APIのクエリ言語で、既存のデータでクエリを実行するためのランタイム • レスポンスの内容を必要なものだけに指定できる • あと特定のMutationをSubれる • Apolloとか有名(個人的見解)

AWS × GraphQL = ???

AWS × GraphQL = AppSync

AppSync

• AWSのサービスに対して、GraphQLで操作するためのサービス • GraphQLを利用して、DynamoDBのデータを操作したり、Lambdaをinvokeしたりすることができる • 固定KeyやCognitoなどで認証をかけることができる

AppSync のデプロイは AWS CDK が便利

AWS CDK

AWSCDK(Cloud Development Kit)は CloaudFormationのテンプレートファイルを、TypeScriptやJavaScript、 Javaなどで書くことができるフレームワーク

くわしくはここらへんにソース置いてます https://github.com/ryo-is/cdk-templates /tree/master/lib/stacks/AppSync

そんな大層なんいらん…って方は AmplifyCLI が便利

https://aws-amplify.github.io/

https://aws-amplify.github.io/docs/

アプリから AppSync 使うのは Amplify Framework が便利

AWS Amplify Framework

https://aws-amplify.github.io/

https://aws-amplify.github.io/docs/

Vueでの使い方

Amplifyで利用するリソースの設定ファイルを作る (AmplifyCLI でリソースをデプロイした場合は自動的に生成されます)

main.ts でimportして有効化する

plugin にしてもいいかも

あとはよしなに使うだけ

まとめ

• AWSでGraphQLするならAppSync • AppSyncをデプロイするなら AWSCDK か AmplifyCLI • アプリからAppSyncを使うなら AmplifyFramework
• GraphQLはいいぞ

おわり

AppSyncで始めるGraphQL

AppSyncで始めるGraphQL

is_ryo

More Decks by is_ryo

Other Decks in Programming

Featured

Transcript