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

推薦する

Windows 環境での MYSQL5.7 設定ファイルの場所のグラフィカル分析

1. MYSQLインストールディレクトリ次のようにコードをコピーします。 select @@bas...

HTMLテーブルの詳細な説明

機能: データ表示、テーブルアプリケーションシナリオ。 <table> テーブル<...

HTML+CSSは、要素の位置までスクロールして読み込みアニメーション効果を表示します。

要素までスクロールするたびに読み込みアニメーションを追加するにはどうすればよいですか?初期パラメータ...

Tomcat サービスに Java 起動コマンドを追加する方法

私の最初のサーバープログラム現在、オンラインゲームの書き方を学んでいるので、サーバーサイドのプログラ...

MySQL における冗長インデックスと重複インデックスの違い

MySQL では、1 つの列に複数のインデックスを作成できます。意図的であるかどうかにかかわらず、M...

Docker Secretの管理と使用の詳細な説明

1. Docker Secretとは1. シナリオ表示MySQL サービスなど、一部のサービスではパ...

Linux で Nginx ロード バランシングを使用して複数の Tomcat を構成する方法

Linux に nginx と複数の tomcat をインストールする方法はここでは紹介しません。不...

Webフロントエンドのパフォーマンス最適化

ウェブフロントエンド最適化のベストプラクティス: コンテンツWebフロントエンド最適化のベストプラク...

jsを使用して簡単な抽選機能を実現する

この記事では、参考までに、簡単な抽選機能を実装するためのjsの具体的なコードを共有します。具体的な内...

デプロイから基本操作までDocker Swarm

Docker SwarmについてDocker Swarm は次の 2 つの部分で構成されます。 D...

Linux touch コマンドの使用例

Linux touch コマンドの詳細な説明: 1. コマンド機能:ファイルまたはディレクトリの作成...

Vueでのバスの使用に関する詳細な説明

Vue バス メカニズム (バス) vuex を使用するだけでなく、vue 内の親子以外のコンポーネ...

JavaScript サンドボックスの探索

目次1. シナリオ2. サンドボックスの基本機能3. iframeの実装4. Webワーカーの実装5...

ユニアプリとミニプログラム(画像とテキスト)を下請けする方法を教えます

目次1. ミニプログラム下請け2. Uniapp 下請けアプレット下請けの手順: 1. manife...

ウェブサイト製品設計の参考となるいくつかの原則

以下の分析は製品設計原則に関するものですが、そのほとんどはウェブサイト製品に基づいているため、ユーザ...