Vue(+Vuex) + Typescript でつくる認証まわりのテンプレート

firebaseのAuthentication＋Firestoreのusersコレクションでユーザーを管理するアプリのテンプレートです。

実践で使うための土台やリファレンスとして使って頂ければ。

デモはこちら

0. Firebaseの設定

• メール＆パスワードでのログインの有効化
• Databaseを作成しておく（コレクションは空の状態でよい。ユーザー登録時にusersコレクションを作成します。）

1. Firebaseのアプリ情報を変更（自分のアプリのものに）。

 // store/common/DatabaseConnector.tsのconnect関数内
 
    firebase.initializeApp({
        apiKey: "",
        authDomain: "",
        databaseURL: "",
        projectId: "",
        storageBucket: "",
        messagingSenderId: "",
        appId: ""
    });

2. 以下のコマンドでインストール～起動

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build