AWS re:Invent 2016でサーバレスのワークショップ「SRV309: Wild Rydes Takes Off - The Dawn of a New Unicorn」をやって来たので、その内容の紹介と解説を。
内容
SPAっぽいウェブアプリをAWSの各サービスを使って段階的に実装をしていくというもの。
こんな。
前提
使うサービス群
- S3
- Lambda
- API Gateway
- DynamoDB
- Cognito
- SES
- CloudFront
- IAM
必要なツール
Chromeじゃないとうまく動かない。
対応リージョン
- US East (N. Virginia)
- US West (Oregon)
- EU (Ireland)
ワークショップで使うサービス群が対応しているリージョンが限られてる為（SES等）、上記3つから選択。各サービスのリージョン対応はリージョンテーブルが参考になる
（※）実際にはリージョンを跨いでサービスは呼べるが対応リージョンに絞ったほうがよりシンプル
作業
lab1 - static web site hosting
やる内容
静的なウェブサイトをホストする為にS3 bucketを作成・設定。グローバル展開をする為にCloudFrontの設定・配信する。CloudFrontのURLからサイトが表示される事を確認。
構成図
注意点
CloudFrontの作成が遅い。設定ミスを修正すると数十分待たされるので、次のlabにスキップしても問題ない
lab2 - beta sign-up mailing list
やる内容
ベータサービスにユーザがサインアップするメーリングリストを作成。認証のいらないユーザなので、Cognito identity poolとIAM policyを使って、DynamoDBにメールアドレスが書き込まれ、DyanmoDB StreamsからのLambda連携で確認メールをSESを使って配信する。一般ユーザがサインアップ後、確認メールが自身のメールアドレスに届く事を確認する。
構成図
lab3 - administrative interface
やる内容
管理インターフェイスの作成。Cognito user poolを使って管理者を定義し、DynamoDBに記録されている登録ユーザ一覧を取得するLambdaとIAM roleを作成し、API Gateway（GET resource）でLambda Proxy連携とCognito user pool認証を設定してウェブアプリから呼び出せるAPI endpointを作成してウェブアプリ側に埋め込む。ウェブアプリで管理者としてログイン後、登録ユーザ一覧が表示される事を確認。
構成図
lab4 - product update blog
やる内容
管理者がアップデートできるブログ機能の構築。ブログ記事を保存するテーブルをDynamoDBで作成し、記事一覧を取得するLambdaと記事をポストをするLambdaとIAM roleを作成し、API Gateway（GET/POST resource）でLambda Proxy連携とCognito user pool認証を設定してウェブアプリから呼び出せるAPI endpointを作成してウェブアプリ側に埋め込む。ウェブアプリで管理者としてログイン後、記事のポストと最新記事一覧が表示される事を確認。
構成図
その他
- ワークショップはコンソールでのポチポチ作業とコピペ作業なので（s3アップロードだけcli）1時間もあれば完了する。
- 新規AWSアカウントならFree tierの範囲内で無料でできる。ワークショップでは**$1**のクーポンを配ってた。
ソースコードはこちらから