Firebaseによる簡易チャットアプリ

この記事は約4分で読めます。
firebaseチャット試作品 - maya.pg.
firebaseチャット試作品 - maya.pg.
mayarin/firebase-sample
Contribute to mayarin/firebase-sample development by creating an account on GitHub.

以下、製作過程

【Firebase】firebase authでいまいち理解できていなかった認証周りを再確認する(1)
はじめに以前かじったfirebaseで、authでのパスワード再設定周りですごく難儀したのでした。復習してみます参考リンク(Expo.ioで試してますけどfirebase hostingに配置するhtmlか...
【Firebase】firebase authでいまいち理解できていなかった認証周りを再確認する(2)
はじめに拙稿の続き。問題はこの後。ログイン済のアカウントが自身の個人情報をアップデートする場合にアカウントの再認証が求められるのだそうです。この辺を対応します。なお利用するソースコードはこちら。対応...
【Firebase】firebaseでアカウントを作ってチャットするだけのアプリ(1)
はじめにfirebaseシリーズに一区切りをつけます。拙稿のリンクこの後の実装予定と、それを満たす為に使うサービス自身のプロフィールの画像を追加 → Cloud Storage(この...
【Firebase】firebaseでアカウントを作ってチャットするだけのアプリ(2)
前提条件UIに凝っていたら投稿の時間が空いてしまいSEO的によろしくない為、記事を分けました。拙稿のリンク今回追加する内容前稿での予告通り、リアルタイムチャットを実装します。...
【Firebase】firebase auth+webでログアウトした際の不具合2箇所
ログアウト時のアラートが2回出た自分で作ってて自分で踏んだ。まずひとつ。公式からのコピペで以下の実装をしていた際に、ログアウト時のアラートが2回出た。document.querySelector("#logout...
【Firebase】firebaseチャット試作でアカウント一覧を実装する
はじめにはい、他アカウントとのチャットを実装します。その前にアカウントリスト的なものを実装したいと思いますが、firebase authでは他のアカウントの一覧を参照できないんです。そこでcloud firestoreにア...
【Firebase】JavaScriptにてCommand+リターンキー=submitを実装する
実装してみましょう最近TwitterやSlackで見かける、Commandキー+リターンキーでsubmitするのを実装します。 <form id='chat_form'>&l...
【Firebase】他アカウントのプロフィールが変更されたら即時反映する
はじめにmBaaSの醍醐味に切り込みます。こんな感じのプロフィール一覧に見えているアカウントがプロフィール変更を行ったら、即時反映してやります。実装してみましょう var users_quer...
【Firebase】チャットアプリに対個人チャットを付けました
はじめに日曜大工的にペロッと作るつもりが時間を割いてしまい、そろそろ次の習得に掛かろうと思います。実装内容この画面の「この人とチャットする」を選択すると月並みですがこんな感じの画面へ...
【Firebase】アカウント削除の後始末にあたりトランザクションを対応した
本日こそ最終回次の課題へ掛かります。トランザクションを使う前アカウント削除時に・全体チャットデータの削除・firestoreに出したプロフィール画像他の参照可能データの削除これらを対応しなくてはならず。以下...
タイトルとURLをコピーしました