Firestoreを利用したユーザー認証のあるチャットアプリを実装する(2/2)FirebaseTwitterFacebookはてブPocketLINE2018.09.18前回作った、チャットアプリにユーザー認証を追加していきます。Firestoreを利用したユーザー認証のあるチャットアプリを実装する(1/2)最近、firebaseのデータベースサービスであるfirestoreを利用してサービスを作っています。簡単なfirestoreの操作がわかってきたので、アプリをサンプルにメモします。最終的なjs/main.jsのソースコードindex.htmlの編集index.htmlにlogin、logoutボタンの追加とfirebase-authのCDNを読み込みを実装していきます。src="js/test.js"></script></body></html>ここから、js/main.jsを編集していきます。{auth.signOut();});firestoreからデータを取得する処理の変更onAuthStateChangedでlogin、logoutの変化でイベントを発生させる。el.classList.add('hidden');});return;});submit時firestoreへ保存する処理の変更カラムにuser.uidを追加し、画面表示の制御処理を追加していきます。});})();ファイルをブラウザで確認して動作確認を行ってください。Dockとは、画面下にある(デフォルト)ショートカットバーです。ここによく使うアプリを追加することができます。3(サブライムテキスト)は、とても軽量で動作が早く僕自身もとても愛用しているテキストエディタです。cloneした後、そのままブラウザで動作確認してもエラーが返されます。自分のローカル環境で再び、アプリとして動作させるためのコマンドを実行する必要があります。laradock環境にLaravelプロジェクトが乗っかっていることを前提に説明しています。Firestoreを利用したユーザー認証のあるチャットアプリを実装する(1/2)最近、firebaseのデータベースサービスであるfirestoreを利用してサービスを作っています。簡単なfirestoreの操作がわかってきたので、アプリをサンプルにメモします。