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

推薦する

Dockerfile を使用して Java ランタイム環境のミラーを作成する方法

現在の環境は次のとおりです。セントロス7.5 docker-ce 18.06.1-ce 1. まずc...

Docker+K8S+GitLab/SVN+Jenkins+Harbor をベースにした継続的インテグレーション配信環境の構築に関する詳細なチュートリアル

目次環境設定の概要1.K8Sとは何ですか? 2. K8S を使用する理由3. K8S を使用する利点...

docker を使用して複数のネットワーク インターフェースを持つコンテナーを起動する方法の例

コンテナにネットワークインターフェースを追加する1 デフォルトのネットワークモードでコンテナを実行す...

WindowsでのNginxの起動や停止などの基本操作コマンドの詳しい説明

Windows で Nginx を使用するには、Nginx サービスの起動、停止、Nginx のリロ...

Docker stopはすべてのコンテナを停止/削除します

この記事では主に、すべてのコンテナを削除する Docker stop/remove を紹介し、皆さん...

MySQL テーブル作成外部キー エラーの解決方法

データベーステーブルA: テーブル task_desc_tab を作成します ( id INT(11...

HTMLエンコードによる文字化け問題について

今日、3年生から質問がありました。彼が書いた HTML コードを開くと、文字化けした文字が表示されま...

MySQL のロングトランザクション例の詳細な説明

序文: 「MySQL 入門」シリーズの記事は終了しました。今後も引き続き MySQL に焦点を当て、...

Ubuntu Dockerのインストールと使い方

目次1. 公式インストールスクリプトを使用した自動インストール手動インストール古いバージョンをアンイ...

MacOS Catalina アップグレード後の VMware ブラック スクリーン問題に対する完璧な解決策の詳細な説明

MacOS Catalina アップグレード後の VMware ブラック スクリーンに対する完璧なソ...

Vue は携帯電話の認証コードによるログインを実装します

この記事では、携帯電話認証コードログインを実装するためのVueの具体的なコードを参考までに共有します...

pdf.js を使用して Vue で PDF ファイルをプレビューする方法

ページ上で PDF をプレビューすると、一部のファイルは印刷またはダウンロードできません。現時点では...

Tomcat のパフォーマンス最適化のための Apr モジュールの構築方法

序文Tomcat は、無数のチューニング オプションを備えた、広く使用されている Java Web ...

Docker でローカルにイメージをインポート/保存/読み込み/削除する方法

1. Dockerはローカルイメージをインポートする場合によっては、イメージをローカルまたは別の友人...