AWS Amplifyを使ってサインインを実装する-3

Authenticationを利用してサインアウトを実装していきます。

前回のAWS Amplifyを使ってサインインを実装する-2 に追加していきます。

環境等

項目 バージョン
node v10.15.3
npm 6.4.1
@aws-amplify/cli 1.6.11
aws-amplify 1.1.28
aws-amplify-vue 0.2.11
vuesax 3.8.65
material-icons 0.3.1

サインアウトの実装

サインイン時にイベントを発行

views/Signin.vueを修正します。

AmplifyEventBusを利用して、Sign inに成功した際に、signedInイベントを通知します。

サインアウト

App.vueを修正します。
上記で設定したイベントを受け取り、Sign inの状態を保持します。
また、Vueライフサイクルのcreatedで認証状態を判定し既にSign inしている場合を考慮します。

その状態に応じて、Sign in,Sign upSign outリンクを出しわけます。

Sign outリンクを押下した際は、Auth.signOutを利用して、Sign outを行います。

コード

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA