AppSyncの管理コンソールで GraphQL API
と DynamoDBテーブル
を作成して、AppSyncの概要を確認します。
目次
管理コンソールから生成
( GraphQL API, DynamoDBテーブル )
![](http://www.wakuwakubank.com/wp-content/uploads/697-aws-appsync-getting-started_1-1024x363.png)
AppSyncの管理コンソールです。Create API
をクリックします。
![](http://www.wakuwakubank.com/wp-content/uploads/697-aws-appsync-getting-started_2.png)
デフォルとのままStart
をクリックします。
![](http://www.wakuwakubank.com/wp-content/uploads/697-aws-appsync-getting-started_3.png)
デフォルとのままStart
をクリックします。
MyModelTypeTable
というDynamoDBのテーブルが生成されるように設定されています。
![](http://www.wakuwakubank.com/wp-content/uploads/697-aws-appsync-getting-started_4.png)
デフォルとのままStart
をクリックします。
GraphQL API
とDynamoDBテーブル
の生成が始まります。
管理画面のメニュー
Schema
![](http://www.wakuwakubank.com/wp-content/uploads/697-aws-appsync-getting-started_menu_schema.png)
生成されたGraphQLのスキーマを確認できます。
GraphQLの補足
- type
- input
- Query
- データ取得
- Mutation
- データ作成・更新・削除
- Subscription
- サーバーサイドイベントの購読
- フロントでリスナーを作成して「対象リソースが削除されたらフロント表示も変更」などの用途に利用できる
- Resolvers
- フィールドにマッピングされる関数
Data Sources
![](http://www.wakuwakubank.com/wp-content/uploads/697-aws-appsync-getting-started_menu_data_sources.png)
Data Sourcesには、以下タイプを利用できます。
・DynamoDB table
・Elasticsearch
・Lambda function
・Relational database
・HTTP endpoint
Queries
![](http://www.wakuwakubank.com/wp-content/uploads/697-aws-appsync-getting-started_menu_queries.png)
GraphQLの動作確認に利用できます。
![](http://www.wakuwakubank.com/wp-content/uploads/697-aws-appsync-getting-started_menu_queries_2.png)
定義されたQuery
とMutation
を実行できます。
Settings
![](http://www.wakuwakubank.com/wp-content/uploads/697-aws-appsync-getting-started_menu_settings.png)
API URL
や認証モード
を確認できます。
認証モードは以下タイプを利用できます。
・API key
・AWS IAM
・Cognito User Pool
・OpenID Connect