サーバーレスWebアプリ制作で学ぶAppSync2020.03.27→04.24 JAWS UG 浜松2or3
View Slide
自己紹介2or3 (ツカサ) 2(ツー) or(~か) 3(サン)アプリケーションエンジニア です。最近サーバーレスWebアプリ制作にお熱です!去年7月頃からJAWS UG浜松に顔を出しているモノです。よろしくおねがいします。もうすぐ10ヶ月!
自己紹介最初の2,3ヶ月ぼんやり参加 ↓9月頃何かやらねば→〜10, 11, 12月ダッシュで制作&進捗報告at勉強会 ↓みなぎってきてる(37才)
サーバーレスWebアプリ『Mosaic』とは?● JAWS UG浜松で発表するために制作した● AWSを活用したサーバーレスWebアプリ● 顔・文字を抽出し、選んでモザイクをかける● 絶賛学習 & 拡張中https://mosaic.w2or3w.com
まずはデモします。https://mosaic.w2or3w.com※モバイル推奨
サーバーレスWebアプリ『Mosaic』アーキテクチャの変化https://mosaic.w2or3w.com着手から3ヶ月ひとまず完成時
サーバーレスWebアプリ『Mosaic』アーキテクチャの変化https://mosaic.w2or3w.comそれから3ヶ月いろいろと変わった特にAppSync
AppSyncとは?● 単一のエンドポイントを持つWebAPI● AWSのマネージドサービス● GraphQLでアクセス● MQTT over WebSocket● CRUDはもちろん、リアルタイム同期の機能を提供● きめ細かなアクセスコントロール● 様々なデータソースを操作可能● オフラインでのデータ同期・キャッシング
AppSync何が変わった?1. 複数の認証モードを使い分けた2. リゾルバーによる制御を加えた3. データソースを追加して呼び分けた
AppSync① 複数の認証モードを使い分けたhttps://aws.amazon.com/jp/about-aws/whats-new/2019/05/aws-appsync-now-supports-configuring-multiple-authorization-type/
AppSync① 複数の認証モードを使い分けたAPIキーだけだった↓APIキーAPIキー
AppSync① 複数の認証モードを使い分けたAPIキーだけだった↓フロントエンド側Cognito認証バックエンド側IAM認証Cognito認証IAM認証
AppSync① 複数の認証モードを使い分けたhttps://qiita.com/w2or3w/items/6fe0828cd44b31f1c482
AppSync② リゾルバーによる制御を加えたhttps://docs.aws.amazon.com/ja_jp/appsync/latest/devguide/resolver-mapping-template-reference-overview.html
AppSync② リゾルバーによる制御を加えたレコードの自動削除時間ってサーバー側の要件なのに、クライアント側に求めさせるって何か変だよな、、。30分後にレコードを消したい
AppSync② リゾルバーによる制御を加えた30分後にレコードを消したい呼び出し元クライアントの CognitoユーザーID設定や、入力値のバリデーションなんかもここにかけます!
AppSync② リゾルバーによる制御を加えたhttps://qiita.com/w2or3w/items/ea217a404becfd0da87f
AppSync③ データソースを追加して呼び分けたhttps://aws.amazon.com/jp/appsync/
AppSync③ データソースを追加して呼び分けたモザイク処理のLambdaを実行するためにAPI Gatewayを利用↓
AppSync③ データソースを追加して呼び分けたモザイク処理のLambdaを実行するためにAPI Gatewayを利用↓AppSyncへLambdaを呼び出すデータソースを追加した
AppSync③ データソースを追加して呼び分けたhttps://qiita.com/w2or3w/items/54b5c84bed05d614629e
サーバーレスWebアプリ制作で学ぶAppSyncHave a nice AppSync life!
Thank You !!