アメーバピグのサーバとクライアントはどうやって通信しているのか

1. アメーバピグのサーバと クライアントは どうやって通信しているのか

2. アジェンダ ・自己紹介 ・アメーバピグとは ・アメーバピグのシステムアーキテクチャ ・クライアントとサーバ間の通信方法 ・ CommandID での通信 ・ MethodName での通信 ・まとめ

3. 自己紹介

4. 田中 広海 ( たなひろ ) 株式会社サイバーエージェント アメーバ事業本部所属 2010 年 2 月中途入社 Twitter ： @tn_hiro 職歴：ゲーム会社、携帯コンテンツ開発 趣味：ガッツリいろいろと・・・

5. アメーバピグとは

6. 仮想空間上で自分にそっくりなアバター（ピグ）を作り ユーザ同士でコミュニケーションがとれるサービス

7. システムアーキテクチャ

8. HadoopCluster FileStorage Database Game Server Chat Server Info Server Web Server

9. HadoopCluster FileStorage Database Game Server Chat Server Info Server Web Server Hadoop ユーザ行動 Log

10. HadoopCluster FileStorage Database Game Server Chat Server Info Server Web Server Isilon 商用分散 storage

11. HadoopCluster FileStorage Database Game Server Chat Server Info Server Web Server MySql + FusionIO + Memcached

12. HadoopCluster FileStorage Database Game Server Chat Server Info Server Web Server Flash,Image を配信

13. HadoopCluster FileStorage Database Game Server Chat Server Info Server Web Server ユーザ情報の通信

14. HadoopCluster FileStorage Database Game Server Chat Server Info Server Web Server チャットデータ エリア情報の通信

15. HadoopCluster FileStorage Database Game Server Chat Server Info Server Web Server ChatServer + ゲーム情報の通信

16. クライアントとサーバ間の 通信方法

17. サーバ Java Application java.net.Socket を使用 クライアント Flash(ActionScript3.0) flash.net.Socket を使用

18. CommandId を使用しての通信

19. ピグで chat を行うときの流れで説明する ユーザが TextArea に入力

20. Flash （クライアント） 側 から Java( サーバ ) への送信 public static const TALK:int = 0x0000; public function writeData(bytes:ByteArray):void var bytes:ByteArray = new ByteArray() bytes.writeByte(TALK); bytes.writeUTF(message); bytes.writeUnsignedInt(color); }

21. Java( サーバ ) で受信 public static final short TALK = 0x0000; public class TalkData implements CommandData{ public void readData(ByteBuilder in) { byte commandId = in.getByte(); String message = in.getUTF(); int color = in.getInt(); talk(user, message, color); } }

22. 同一エリア内のユーザに配信 public void talk(ChatUser user, String message, int color) throws ServiceException { // 今いるエリアを取得 ChatArea chatArea = user.getChatArea(); // 話した内容を Data(Command) 化 TalkResultData talkResult = new TalkResultData(user.getAmebaId(), user.getNickname(), message, color); // broadcast for (ChatUser user : chatArea.getUsers()) { CommandConnection conn = user.getConnection(); conn.sendCommand(talkResult); } }

23. public static final short TALK_RESULT = 0x0001; public class TalkResultData implements CommandData{ public TalkResultData(String amebaId, String nickname, String message, int color) { this.commandId = CommandId.TALK_RESULT; this.amebaId = Binaries.toBytes(amebaId); this.nickname = Binaries.toBytes(nickname); this.messageByte = Binaries.toBytes(message); this.color = color; } // Java( サーバ ) 側 から Flash （クライアント） への送信 public void writeData(ByteBuilder out) { out.put Byte (commandId); out.putShort((short)messageByte.length); out.put(messageByte); out.putInt(color); out.putShort((short)amebaId.length); out.put(amebaId); out.putShort((short)nickname.length); out.put(nickname); } }

24. Flash （クライアント） の 受信 public static const TALK_RESULT:int = 0x0001; public function readData(bytes:ByteArray):void { commandId = bytes.readUnsignedByte(); message = bytes.readUTF(); color = bytes.readUnsignedInt(); amebaId = bytes.readUTF(); nickname = bytes.readUTF(); } public function talk(msg:String, color:uint):void _chat.addBubble(new ChatBubble(msg, color)); }

25. Flash （クライアント） の 受信 public static const TALK_RESULT:int = 0x0001; public function readData(bytes:ByteArray):void { commandId = bytes.readUnsignedByte(); message = bytes.readUTF(); color = bytes.readUnsignedInt(); amebaId = bytes.readUTF(); nickname = bytes.readUTF(); } public function talk(msg:String, color:uint):void _chat.addBubble(new ChatBubble(msg, color)); }

26. CommandId での分岐

27. TALK 0x0000 TALK_RESULT 0x0001 MOVE 0x0002 MOVE_RESULT 0x0003

28. TALK 0x0000 MOVE 0x0002 switch (commandId) { case TALK: talk(); break; case MOVE: move(); break; }

29. CommandId での問題点

30. ・ ID を割り振るのはメンドクサイ Java 側と Flash 側で同じ番号を振らないといけない ・ 直接番号を振っているので、 0x000F と 0x0010 の間に 別のコマンドを足したいと思っても足せない ・ ID と実行メソッドの関連付けのために switch 文の修正が必要

31. ・ ID を割り振るのはメンドクサイ Java 側と Flash 側で同じ番号を振らないといけない ・ 直接番号を振っているので、 0x000F と 0x0010 の間に 別のコマンドを足したいと思っても足せない ・ ID と実行メソッドの関連付けのために switch 文の修正が必要 ↓ MethodName での Command 呼び出しが 実装されました！

32. MethodName での分岐

33. Flash 送信 部 public function writeData(bytes:ByteArray):void var bytes:ByteArray = new ByteArray() bytes.putUTFNullEmpty(&quot;talk&quot;); bytes.writeByte(CommandId.TALK); bytes.writeUTF(message); bytes.writeUnsignedInt(color); } Java 側 分岐 private Map<String, Method> serviceMethods; Method method = serviceMethods.get( methodName ); method.invoke();

34. MethodName での問題点

35. ・ Flash 側で設定した MethodName によって、 サーバ側が分岐する ・ Java 側のソースだけだと、 どの Method がいつ呼ばれるかわからない。 ・ CommandId 仕様であれば、 (CommandId の宣 言部分が一 ヶ所に固まっているので ) 処理部を検索する時にも grep 出来て楽だった。

36. まとめ ・ commandId での方法も、 MethodName での方法も 一長一短 新規で機能を実装するなら、 MethodName の方が コードを書く量が少なくて楽 ・ 速度重視の開発という意味では、 MethodName おすすめ ・ 後でまったく知らない人がソース読むときには大変かも

37. ご清聴ありがとうございました