メッセージ送受信の処理を実装 #33
メッセージ送受信の処理を実装 #33
Conversation
|
メッセージの処理がかなり多そうだったので一旦issue切りました! |
| import 'package:chat_flutter/model/message.dart'; | ||
| import 'package:chat_flutter/services/firebase_message_service.dart'; | ||
|
|
||
| class MessageService implements MessageInterface { |
There was a problem hiding this comment.
Interface切ってFirebaseに依存しないようにするの良いですね！！
設計よさげなので、(このアプリはFirebaseしか使わない想定ですが)このままいきましょう💪
| @@ -74,4 +76,11 @@ class MessageListItem extends StatelessWidget { | |||
| ), | |||
| ); | |||
| } | |||
|
|
|||
| String dateTimeToString(DateTime date) { | |||
There was a problem hiding this comment.
おまかせしますが、このメソッドは汎用的なので、utilとして切り出しても良いかもしれませんね！
| Future<void> sendMessage(String message) { | ||
| /// TODO Firebaseへの処理に置き換える | ||
| Future<void> sendMessage(String message, String roomId) async { | ||
| // ローカルに保存してそこから取得する？ |
There was a problem hiding this comment.
FirebaseAuthが実装できたら、FirebaseAuthから取得できそうですね〜
| import 'package:flutter/material.dart'; | ||
|
|
||
| class RoomController extends ChangeNotifier { | ||
| RoomController() { | ||
| getMessageList(); | ||
| } | ||
| List<Message> messageList; | ||
| final MessageService _messageService = MessageService(); |
There was a problem hiding this comment.
MessageServiceはSingleton風に、 main.dart とかでProvideして、Controllerに引数で渡してあげると良さそうです🤔
There was a problem hiding this comment.
MessageServiceをSingletonにまではわかるのですが、それ以降があまりイメージわかないのですが
どういう感じでしょうか？
There was a problem hiding this comment.
class RoomPage extends StatelessWidget {
const RoomPage._({Key key}) : super(key: key);
static Widget wrapped() {
return ChangeNotifierProvider<RoomController>(
create: (_) => RoomController(Provider.of<MessageService>(context, listen: false)),
child: const RoomPage._(),
);
}
}みたいに、Controllerをインスタンス化するときにMessageServiceをProvideしてあげるといい感じです
これでSingletonに保てるのと、引数として渡すことでControllerはcontextっていうUI情報を知らなくて良くなるので設計的にも良いと思います！
There was a problem hiding this comment.
MessageService自体はもっと親のほうで Provide.valueとかでProvideしてあげると、他の画面でもMessageServiceを使おうとしたときに同じインスタンスを使えますね（ご存知かもですが🙏）
There was a problem hiding this comment.
なるほどですね！ありがとうございます！
Streamの件と絡むのですが、MessageServiceが正直いらないかなって思ったんですがどうでしょうか？
Streamの実装にあたって、下記の記事を参考にしたのですが
結局Firebaseに依存したものになる気がするので、逆にラップするとややこしい気がしてきました・・。
https://qiita.com/sarukun99/items/4057ae3c0801a3bfcfd7
どうでしょうか？
There was a problem hiding this comment.
あってもなくても、どっちでも良いと思いますが、あると変更に強い設計かなと思います！
やるとしたら、
Stream<List<Entity>> streamList() => firebaseMessageService.streamList()とするとStreamを横流しするだけなのでやりやすそうです！
lib/ui/pages/room/room.dart
Outdated
| StreamBuilder<QuerySnapshot>( | ||
| stream: Firestore.instance | ||
| .collection('message/v1/rooms/${room.id}/transcripts') | ||
| .snapshots(), | ||
| builder: (context, snapshot) { | ||
| roomController.getMessageList(); | ||
| return MessageList(); |
There was a problem hiding this comment.
ここはUI層でStreamを受け取るよりも、FirebaseMessageServiceでStreamを返すようにして、
Controller側でStreamが流れてくるたびに notifyListeners() を呼ぶやり方だとどうでしょう？
|
@ho2ri2s |
lib/ui/pages/room/room.dart
Outdated
| await roomController.sendMessage( | ||
| textController.text, 'roomId'); |
There was a problem hiding this comment.
| await roomController.sendMessage( | |
| textController.text, 'roomId'); | |
| await roomController.sendMessage( | |
| textController.text, | |
| 'roomId', | |
| ); |
細かいですが、カンマがあるときれいになると思います。
（実装には直接関係ないのでお好みでお願いします^^）
# Conflicts: # ios/Podfile # ios/Podfile.lock # lib/main.dart
実装内容
・firesoteのライブラリの導入
・メッセージの送信機能(正常系のみ)
・メッセージの受信機能(正常系のみ)
・roomページのレイアウトを調整
・talkページからのroomデータの値渡しの修正
#24
注意点
メッセージ送信時のリアルタイムの更新はStreamBuilderを使って実装していますが、
builder直下で再度controllerのgetMessageを読んでるあたりがなんかしっくりこなかったので、
もしいい方法あったら教えてください！
あとMessageServiceとFirebaseMessageServiceに分けてるんですが、
Firebase使う前提なので、正直分けなくてもいいかなとも思ったのでその辺も意見あればください！