前回に引き続き、Vue.js + Firebase で開発をしているのですが、ちょうど認証周りの動作検証を行ったので備忘録として残します。 認証構造まずはどんなものを作るかのイメージの共有をしないことには分かりにくいので構造の説明をします。 今回は以下のようなフローで認証を行っていきます。 身近な例としてはTwitterです。 ログインされている状態で https://twitter.com/ に行くと、 https://twitter.com/home に自動的に遷移すると思います。今回はそれを作っていきます。 環境開発環境ですが、以下のものを使います。 Vue Router (Vue version 2.9.6)FirebaseTwitter APIで行っていきます。 Twitterの認証周りについては、今回説明しないので各所ブログを参考にしてください。 実装今回実装が必要になるのは、
![Firebaseを使った認証を行う上でのVueルーティング | すずきライフ](https://cdn-ak-scissors.b.st-hatena.com/image/square/52a60ffa964c9d35b6bb1477f46866c333eb529a/height=288;version=1;width=512/https%3A%2F%2Fbelltree.life%2Fwp-content%2Fuploads%2F2019%2F10%2FWL0cx5jYx3rQ0Sd1571745612_1571746996.jpg)