サーバーレスで認証付きのSPAを作成したサンプルです。
AWS Amplifyを試してみたかったので、作りました。
試すにはAWS側(主にCognitoやAPI Gateway)の設定が必要です。
- Vue, Vuex, VueRouter
- AWS Amplify
- vue-cli initで初期構築
- Cognito
- API Gateway
- S3
- 認証機構
- ログイン
- ログアウト
- ユーザー登録
- ユーザー登録確認(検証コード入力)
- 認証状態からのアクション
- 公開APIの呼び出し
- 非公開APIの呼び出し(要認証なAPI)
- S3でusername以下のディレクトリへのファイル配置
- src/lib/aws_config.js にCongnitoとS3の設定を記述
yarn dev