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つの質問

推薦する

MySQLクエリが遅い場合の理由と解決策

Python プログラムを書き、Mysql ライブラリを集中的に操作したためです。データ量が多くない...

ApacheとTomcatを組み合わせて静的状態と動的状態を分離する方法

実験環境ApacheとTomcatは両方ともIPアドレス192.168.153.136のホストにイン...

変換を使用して純粋な CSS ポップアップ メニューを実装するためのサンプル コード

序文トップメニューを作成する場合、ポップアップのセカンダリメニューを作成する必要があります。 以前の...

弾力性のあるナビゲーション効果を実現するJavaScript

この記事では、弾性ナビゲーション効果を実現するためのJavaScriptの具体的なコードを参考までに...

ElementUIテーブルのヘッダーアイコンにフローティングプロンプトを追加します。

この記事では主に、ElementUI テーブルのヘッダー アイコンにフローティング プロンプトを追加...

Docker コンテナ アプリケーションで避けるべき 10 の悪い習慣

コンテナが企業の IT インフラストラクチャに欠かせない要素となっていることは間違いありません。コン...

Vue のフィルターの適用シナリオの詳細な説明

filterは通常、特定の値をフィルターするために使用されます。たとえば、フィールドが空だが、フロン...

Nginx ロケーション設定(ロケーションのマッチング順序)の詳細な説明

ロケーションは「位置指定」を意味し、主にさまざまな位置指定のための URI に基づいています。これは...

SSH経由でリモートLinuxシステムでコマンドを実行する方法

場合によっては、リモート マシンでいくつかのコマンドを実行する必要があることがあります。これが時々行...

MySQL 8.0.15 winx64 解凍版のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.15 winx64解凍版のインストールと設定方法を紹介します。具体...

vue+iviewのメニューとタブの連携方法

Vue+iview メニューとタブのリンク現在、vue+iview を使用してバックエンド管理システ...

nginx keepaliveの具体的な使い方

http1.1 プロトコルのデフォルトのリクエスト ヘッダーでは、図に示すように、デフォルトで ke...

自動開始および停止コマンドを適用するには、Docker サービスを再起動します (推奨)

Docker サービス アプリケーションを再起動するコマンドを見てみましょう。具体的な内容は次のと...

JavaScript でプロトタイプ パターンを実装する方法

概要プロトタイプ パターンは、プロトタイプ インスタンスによって作成されるオブジェクトの型を指し、こ...

MySQL CHARとVARCHARの保存と読み取りの違い

導入保存時と読み取り時に CHAR 型と VARCHAR 型の違いを本当にご存知ですか?まずいくつか...