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

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

自己紹介

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

アメーバピグとは

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

システムアーキテクチャ

HadoopCluster FileStorage Database Game Server Chat Server Info Server Web Server

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

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

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

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

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

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

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

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

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

CommandId を使用しての通信

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

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); }

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); 　 } }

同一エリア内のユーザに配信 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); 　 } }

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); 　 } }

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)); }

CommandId での分岐

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

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

CommandId での問題点

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

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

MethodName での分岐

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

MethodName での問題点

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

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

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

http://ameblo.jp	718
http://s.ameblo.jp	7
http://webcache.googleusercontent.com	4
http://feedblog.ameba.jp	2
http://s.deeeki.com	1
http://twitter.com	1
http://b.hatena.ne.jp	1

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

by Tanaka Hiromi on Jul 20, 2011

Accessibility

Upload Details

Usage Rights

7 Embeds 734

Statistics

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