katonobo’s blog

プログラミング中心の雑記ブログ

【Vue.js】【Cloud Firestore】【備忘録】リアルチャット機能を実装してみたよ

現在開発中のウェブサービスの経過報告です。

リアルチャット機能を実装できました。

 

 

リアルチャットはLINEのトークの様な機能で、「Cloud Firesote」の様なNoSQLの得意な分野です。

フロントエンドは「Vue.js」、サーバーサイドは「Cloud Firestore」です。

どちらも技術的には比較的新しいので、情報は少ないのが少し開発が大変ですが、今作ろうと思っているものに対するアプローチとしてはかなり的を得ているんじゃないかと思っています。

こういった形で備忘録も兼ねてブログに載せることで、自分への戒めだったり、スケジュール管理に使っていきたいと思います。

 

大変だったこと

リアルチャット機能の実装に当たって、Vue.jsの部分に関してはそこまで難しいことはなかったです。

ただ、「Cloud Firestore」で、データの扱い方と、取得の仕方がかなり難しかったです。

「users」というドキュメントと、「contents」というドキュメントに分けて、user_idで紐付けして、合致するデータを引っ張ってくるという感じにやってます。

一番参考にしたのはやっぱり公式ドキュメントです。

 

Cloud Firestore でデータを取得する  |  Firebase

 

「Cloud Firestore」はまだベータ版ですが、「Firebase」よりデータの扱いがしやすくなっている気がします。

 

また随時ブログで報告していこうと思います。

【PR】