CDKでAppSyncのJavaScriptリゾルバを開発したい

CDKを使用してAppSyncのJavaScriptリゾルバを開発するメリットについて解説します。

Transcript

1. CDKでAppSyncの JavaScriptリゾルバを開発したい
2. AWS CDKおさらい • AWS CDKは、クラウドリソースのプロビジョニングを行うための 開発フレームワーク • AWS CDKを使うと、開発者は一般的なプログラミング言語を使用して、 クラウドリソースをプロビジョニングすることができる • AWS CDKは、AWSリソースの高レベルな抽象化を提供し、開発者は インフラの詳細を深く理解しなくても、クラウドリソースの作成、 管理をすることができる • AWS CDKはAWS CloudFormationを内部的に使用して、 クラウドリソースをプロビジョニングする
3. AWS AppSyncおさらい • AWS AppSyncは、AWSが提供するフルマネージド型のGraphQLサービス • AWS AppSyncは、GraphQLのsubscription機能を使用して、 リアルタイムなデータ同期を可能にする • AWS AppSyncは、Amazon DynamoDB、Amazon Auroraなどの異なる データソースからデータを取得し、単一のAPIエンドポイントで結合が可能 • GraphQLを採用しているため、AppSyncではクライアントが必要な データのみをクエリーすることができる
4. AppSyncリゾルバおさらい • AppSync では、データソース、リゾルバ、関数を定義することができる • リゾルバは AppSync に GraphQL リクエストの処理方法を指示し、 レスポンスを GraphQL タイプで返却する • AppSync のリゾルバは、パイプラインで最大10個の関数を設定でき、 それぞれがデータソースに接続できる • リゾルバが呼び出されると、各関数が順番に実行される GraphQL リ ク エ ス ト パ イ プ ラ イ ン リ ク エ ス ト 関 数 リ ク エ ス ト デ ー タ ソ ー ス 関 数 レ ス ポ ン ス パ イ プ ラ イ ン レ ス ポ ン ス GraphQL レ ス ポ ン ス ・・・
5. なぜ、CDKでAppSync開発？？ • 共通言語利用：JavaScriptさえ習得すればインフラ、フロントエンド、バック エンドのコードが書ける（インフラに条件分岐・ループ等も使用可能） • 自動デプロイ：cdk watchコマンドを使用して、変更があった際に 自動的に検知してデプロイができる（cdk.jsonにwatch範囲を定義する） • コード短縮：CloudFormationテンプレートが数千行必要となるような 複雑なインフラを数百行程度のコードで実現できる • 静的な型チェックと自動補完：インフラ開発の初期段階で、 エラー検出が可能になり、IDEの自動補完機能をフル活用できる
6. 共通言語利用 フロントエンド （React） バックエンド （AppSync） インフラ （CDK）
7. 自動デプロイ ① 「 cdk watch --hotswap-fallback 」 コマンドを実行 ② 変更を自動検知して デプロイを実行する
8. コード短縮 CDK CloudFormation 153行 909行
9. 静的な型チェックと自動補完 IDEが自動補完 してくれる 引数の型が 決まっている
10. JavaScriptリゾルバによりVTLから解放 VTLのダメだったところ • 学習難易度：学習コストが高い かつ 他で使う場面が少ない • ドキュメント不足：VTLに関する記事が少ない JavaScriptになって良かったこと • 共通言語利用：JavaScriptさえ習得すればフロントエンドも バックエンドも書ける • ドキュメントが豊富： JavaScriptに関する記事は多い
11. 機能一覧・インフラ構成図 ToDoリストアプリ • ログイン機能 • タスク一覧機能 • タスク作成機能 • タスク完了機能 • タスク削除機能 ソースコード等は以下に格納されています。 https://github.com/ryomeblog/cdk-js-resolvers-sample
12. シーケンス図 （初回起動・ログイン）
13. シーケンス図 （タスク作成）
14. シーケンス図 （タスク完了）
15. シーケンス図 （タスク削除）
16. 動作確認 詳細はQiitaで解説。 https://github.com/ryomebl og/cdk-js-resolvers-sample
17. 参考文献 • https://github.com/ryomeblog/cdk-js-resolvers-sample • https://dev.classmethod.jp/articles/cdk-watch-mode • https://cdkworkshop.com/ja/20-typescript/30-hello- cdk/300-cdk-watch.html