TypeScriptでAmazon Cognitoのエミュレーターを開発し始めた話

TechTalkフェス 登壇資料

Transcript

1. TypeScriptでAmazon Cognitoの エミュレータを開発し始めた話 Caru (かる)
2. 2 先輩 今日 00:00 OSS開発をやってみませんか？ ※ イメージ
3. 3 © 2009 サマーウォーズ 制作委員会
4. 出てきた課題 4 既存のOSSを使えば良いのでは...? LocalStack × Amplify UIとDockerの相性問題 × データの永続化が困難 MotoServer × Cognito機能が有料(AWSは基本無料)
5. Magnitoについて 5 frourio Inbucket 認証メール(SMTP) /Client ユーザー管理 /Server 互換API Docker Image Magnito (npm package) 届いたメールはlocalhostから確認可能 フロントからバックエンドまで TypeScriptで開発 認証エンドポイントの切り替えだけ で使用可能
6. 自己紹介 6 Caru (かる) 2005年生まれ (18歳) 大学生 (東洋大学 情報連携学部) INIAD.ts所属 最近触っている技術: Cloudflare Workers Magnitoでの担当: パスワード認証の実装 caru caru-ini
7. デモ 7 • サイトはNext.js + Amplify UIで作られています • 認証のエンドポイントをlocalhostに切り替えてあります • 他に特別なことはしていません
8. 8 SRPの仕組み ユーザー登録 ユーザー名 パスワード ケンジ君 クライアント サーバー ユーザー名, ソルト, 検証子 DB OZ 検証子 ソルト (ランダム) © 2009 サマーウォーズ 制作委員会
9. 9 SRPの仕組み ログイン時(Hello) ケンジ君 クライアント サーバー ユーザー名, SRP_A DB OZ SRP_B SRP_B 生成 ランダム数字 検証子 SRP_A ランダム
10. 10 SRPの仕組み ログイン時(Verify) SRP_A ケンジ君 クライアント サーバー OZ SRP_B SRP_A SRP_B ユーザー名、パスワード 検証子 証拠 証拠 両者が一致すればログインは成功！ 違う計算方法 詳しくは Zennで！
11. 未来 11 • Magnitoは GitHubで公開中 スターよろしくお願いします! frouriojs / magnito • Cognitoのエミュレータの需要やユースケースについて フィードバックいただけると幸いです！