CocosCreator 入門チュートリアル: ネットワーク通信

CocosCreator 入門チュートリアル: ネットワーク通信

ネットワーク通信の概要

オンライン ゲームを開発する場合、必然的にネットワーク通信に対処する必要があります。注意すべき問題がいくつかあります:

1. 迅速な開発のため、サーバーは初期段階では http 通信を使用し、後で websocket/socket に変更する場合があります。

2. httpとwebsocket/socket通信の両方が存在する

3. 通信データ形式はいつでも JSON またはプロトコル バッファに置き換える必要があり、追加のヘッダーを追加する必要が生じる場合があります。

4. 初心者ガイドのシミュレーションにはローカル データを使用するため、リクエストをバックエンドに送信する必要はありません。

5. 再接続後の簡単なデータ同期

具体的な実装

1 番目と 2 番目の質問に関して、通信モジュールを設計する際には、通信を可能な限り統一された外部インターフェイスに抽象化し、ゲーム開始時に異なるドライバーを通じてインスタンスを作成することを検討します (通信方法が 1 つだけの場合は、単一のインスタンスを使用します)。

パブリックコンストラクタ(ドライバ: ConnectDriver) {
        this._driver = ドライバー;
}

まず、一般的なネットワーク通信データ構造を定義します。リクエストはデータと制御の 2 つのタイプに分かれており、ハートビート、ログイン、再接続を区別するために使用されます。

/**
 * リクエストタイプ */
エクスポート列挙型リクエストタイプ{
    データ = 1、
    Ctrl
}
 
/**
 * ネットワーク通信データ構造 */
エクスポートインターフェースNetData {
    seq?: number; // シリアル番号 mod: number; // モジュール cmd: number; // コマンド path?: string; // パス data?: any; // データ tmpData?: any; // データプロセッサの一時データ status?: number; // ステータスコード type?: RequestType; // リクエストタイプ}

次に共通の外部インターフェースを定義します

パブリックオープン(url: 文字列、ポート: 数値、isBinary: ブール値、タイムアウト: 数値、再試行回数: 数値、パラメーター: 任意、cb: (succ: ブール値) => void): void {}
 
パブリックclose(): 数値{}
 
パブリック再オープン(cb: (succ: boolean) => void): void {}
 
パブリック sendData(データ: NetData、パラメーター: HttpReq | any、succCb: (データ: NetData) => void、failedCb: (コード: 数値、理由: 文字列) => void): void {}
 
パブリック resendNotRecv(): void {}

resendNotRecv は、再接続後に応答を受信しなかったパケットを送信するために使用され、バックエンドはシーケンス番号に基づいてそれを処理するかどうかを決定します。

ここではプッシュ処理は行われません。実際には、プッシュはサーバーのデータを受信した後にリスナーにブロードキャストを呼び出すことです。以下はリスナーの定義です

/**
 * ネットワーク接続イベント監視インターフェース */
エクスポートインターフェースConnectEventListener {
    onOpen(ドライバ: ConnectDriver);
    onClosed(ドライバー: ConnectDriver);
    onError(ドライバー: ConnectDriver、メッセージ: 文字列);
    onSendStart(ドライバー: ConnectDriver);
    onRecvEnd(ドライバー: ConnectDriver);
}
 
/**
 * ネットワークイベント監視インターフェース */
エクスポートインターフェース NetEventListener は ConnectEventListener を拡張します {
    onPush(ドライバー: ConnectDriver、データ: NetData): void;
}

外部関係者に登録および削除インターフェースを提供する

パブリックaddEventListener(リスナー: NetEventListener): void {}
 
パブリックremoveEventListener(リスナー: NetEventListener): void {}

3 番目の問題については、データを送信する前とデータを受信した後に傍受と前処理を実行するためのプリプロセッサをいくつか定義する必要があります。

/**
 * ネットワーク通信データプロセッサインターフェース */
エクスポートインターフェースNetDataProcessor {
    プロセス要求データ(データ: 任意): 任意;
    プロセス応答データ(データ: 任意): 任意;
}

外部への追加および削除インターフェースを提供し、通信データ形式を柔軟に定義できるようにします。

パブリックaddDataProcessor(プロセッサ: NetDataProcessor): void {}
 
パブリックremoveDataProcessor(プロセッサ: NetDataProcessor): void {}

4 番目の問題に関しては、リクエストが送信される前にそれを処理する特別なインターセプターも追加します。インターセプターがそれを処理できる場合、リクエストはバックエンドに送信されなくなります。

/**
 * サーバーインターフェースをシミュレートする */
エクスポートインターフェースSimServer{
    handleRequest(データ: NetData): NetData;
}

外部設定インターフェースを提供する

パブリック setSimServer(サーバー: SimServer): void {}

5 番目の質問については、すべてのデータ要求にシリアル番号が付けられ、要求が記録され、応答のない要求パケットはキューに配置されます。再接続後、これらのパケットは処理のためにバックエンドに再送信されます。

パブリック resendNotRecv(): void {}

以上がCocosCreator入門チュートリアルにおけるネットワーク通信の詳しい内容です。CocosCreatorネットワーク通信の詳細については、123WORDPRESS.COMの他の関連記事に注目してください。

以下もご興味があるかもしれません:
  • Cocos2d-x 3.x 入門チュートリアル (パート 2): ノード クラス
  • Cocos2d-x 3.x 入門チュートリアル (I): 基本概念
  • Cocos2d-x 入門チュートリアル (詳細な例と説明)
  • CocosCreatorでシューティングゲームを作る詳しい解説
  • CocosCreatorでクールなレーダーチャートを描く方法
  • CocosCreator MVCアーキテクチャの詳細な説明
  • CocosCreatorメッセージ配信メカニズムの詳細な説明
  • CocosCreatorでWeChatゲームを作成する方法
  • CocosCreator システムイベントがどのように生成され、トリガーされるかについての詳細な説明
  • CocosCreatorでゲームコントローラーを使用する方法
  • CocosCreator Huarongdaoデジタルパズルの詳しい説明
  • CocosCreator 入門チュートリアル: TS で初めてのゲームを作る

<<:  CMD で MySQL データベースを操作するときに中国語の文字化けが発生する問題の解決方法

>>:  Linuxのsortコマンドの複数のパラメータを理解するための1つの質問

推薦する

ユーザーがフォームを繰り返し送信するのを防ぐ方法の概要

重複したフォーム送信は、マルチユーザー Web アプリケーションで最も一般的で厄介な問題です。重複送...

Dockerは元のタグのイメージの再タグ付けと削除を実装します

docker イメージ ID は一意であり、イメージを物理的に識別できます。repository: ...

MySQL挿入パフォーマンスを最適化する方法の例

MySQL パフォーマンスの最適化MySQL パフォーマンスの最適化とは、リソースを合理的に配置し、...

CSS3 を使用して 3D テキスト ホバー効果を実装するサンプル コード

この記事では、3D テキストのホバー変更効果を実現するための CSS3 のサンプル コードを紹介しま...

jQuery は呼吸カルーセルを実装します

この記事では、ブレッシングカルーセルを実装するためのjQueryの具体的なコードを参考までに共有しま...

負の距離(共感) - 相互影響の反復プロセス

ネガティブな距離は共感を意味します。序文(疑問の提起):プロダクトマネージャーは機能を把握します。機...

MySQL での coalesce() の使用に関するヒントのまとめ

序文最近、偶然 MySQL の coalesce を発見しました。ちょうど時間があったので、MySQ...

仮想マシンクローン Linux centos6.5 システム ネットワーク カード構成グラフィック チュートリアル

Linux システムに触れたばかりの初心者として、VMware 仮想マシンに CentOS6.5 シ...

IEではボタンが両側に伸びる

ボタン (input, button) を記述すると、IE では次のようになります。単語数が増えると...

Vue テンプレートのコンパイルの詳細

目次1. 解析する1.1 傍受のルール1.2 傍受プロセス部分1.3 パーサーの概要2. 最適化する...

スパンの最小高さを定義するソリューションは効果がありません

span タグは HTML ウェブページを作成するときによく使用されますが、このタグの使い方がよくわ...

モバイル適応型ウェブページ効果は、小さな表示ページの問題を解決します

仕事上、携帯電話に適応した Web ページ効果を作成する必要があります。ようやく完成しました。まずは...

HTML でよく使われるタグの概要 (必読)

コンテンツ詳細タグ: <h1>~<h6>タイトルタグ<pre>テ...

CentOS8でのDockerの使い方の詳しい説明

1. CentOS8でのDockerのインストール カール https://download.doc...