Skip to content

SPA and Auth Sample with Vue, Vuex, VueRouter and AWS Amplify

Notifications You must be signed in to change notification settings

corocn/vue-aws-auth-sample

Repository files navigation

vue-aws-auth-sample

サーバーレスで認証付きのSPAを作成したサンプルです。

vue-aws

AWS Amplifyを試してみたかったので、作りました。

試すにはAWS側(主にCognitoやAPI Gateway)の設定が必要です。

Frontend

  • Vue, Vuex, VueRouter
  • AWS Amplify
  • vue-cli initで初期構築

Backend (AWS)

  • Cognito
  • API Gateway
  • S3

Implementation(試したこと)

  • 認証機構
    • ログイン
    • ログアウト
    • ユーザー登録
    • ユーザー登録確認(検証コード入力)
  • 認証状態からのアクション
    • 公開APIの呼び出し
    • 非公開APIの呼び出し(要認証なAPI)
    • S3でusername以下のディレクトリへのファイル配置

Setup

  • src/lib/aws_config.js にCongnitoとS3の設定を記述
  • yarn dev

License

MIT

About

SPA and Auth Sample with Vue, Vuex, VueRouter and AWS Amplify

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published