NestJS での WebSocket の問題の解決: マルチプレイヤー ゲームでの動的名前空間の処理

NestJS ゲーム設定での WebSocket 名前空間の問題の修正

アプローチ 1: を使用する Socket.io 動的名前空間を使用し、 ネストJS 名前空間処理メカニズム。

import { WebSocketGateway, WebSocketServer, OnGatewayInit, ConnectedSocket } from '@nestjs/websockets';
import { Server, Socket } from 'socket.io';
import { OnEvent } from '@nestjs/event-emitter';
@WebSocketGateway({
   namespace: /\/game\/[a-zA-Z0-9]+/,
   cors: { origin: '*' },
})
export class GameGateway implements OnGatewayInit {
   @WebSocketServer() server: Server;
   afterInit() {
       console.log('WebSocket Initialized');
   }
   @OnEvent('game.registration-closed')
   handleGameReady(game: Game) {
       const gameNamespace = `/game/${game._id}`;
       const nsp = this.server.of(gameNamespace);
       if (nsp) {
           nsp.emit('pregame', game);
       } else {
           console.error('Namespace not found:', gameNamespace);
       }
   }
}

NestJS WebSocket で正しい動的名前空間バインディングを確保するためのリファクタリング

アプローチ 2: ビルトインの使用 Socket.io ルーム管理ツールでは、動的名前空間アプローチを変更します。

import { WebSocketGateway, WebSocketServer, OnGatewayInit, OnGatewayConnection, OnGatewayDisconnect } from '@nestjs/websockets';
import { Server, Socket } from 'socket.io';
import { OnEvent } from '@nestjs/event-emitter';
@WebSocketGateway({
   cors: { origin: '*' },
})
export class GameGateway implements OnGatewayInit, OnGatewayConnection, OnGatewayDisconnect {
   @WebSocketServer() server: Server;
   afterInit() {
       console.log('WebSocket Initialized');
   }
   async handleConnection(client: Socket) {
       const gameId = this.extractGameIdFromNamespace(client.nsp.name);
       client.join(gameId);
   }
   async handleDisconnect(client: Socket) {
       const gameId = this.extractGameIdFromNamespace(client.nsp.name);
       client.leave(gameId);
   }
   @OnEvent('game.registration-closed')
   handleGameReady(game: Game) {
       this.server.to(game._id).emit('pregame', game);
   }
   private extractGameIdFromNamespace(nsp: string): string {
       const match = nsp.match(/\/game\/([a-zA-Z0-9]+)/);
       return match ? match[1] : '';
   }
}

NestJS の単体テストによるテストと検証

方法 3: 単体テストを含めて、名前空間管理と WebSocket イベントを検証します。

import { Test, TestingModule } from '@nestjs/testing';
import { GameGateway } from './game.gateway';
import { EventEmitterModule } from '@nestjs/event-emitter';
describe('GameGateway', () => {
   let gateway: GameGateway;
   beforeEach(async () => {
       const module: TestingModule = await Test.createTestingModule({
           imports: [EventEmitterModule.forRoot()],
           providers: [GameGateway],
       }).compile();
       gateway = module.get<GameGateway>(GameGateway);
   });
   it('should emit pregame event when registration closes', () => {
       const game = { _id: 'game123', players: [] };
       const emitSpy = jest.spyOn(gateway.server, 'to').mockReturnValue({ emit: jest.fn() } as any);
       gateway.handleGameReady(game);
       expect(emitSpy).toHaveBeenCalledWith('game123');
   });
});

マルチプレイヤー ゲームの WebSocket と NestJS に関するよくある質問

1. WebSocket で名前空間を動的に作成するにはどうすればよいですか?
2. 正規表現を使用して、WebSocket をカスタマイズできます。 namespace のプロパティ @WebSocketGateway デコレータを使用して名前空間を動的に構築します。これにより、ゲームに固有の名前空間が柔軟になります。
3. を使用する代わりに何ができるか this.server.of() NestJSで？
4. 使用できます this.server.to() 特定のルームまたは名前空間をイベント エミッションの対象とする場合 this.server.of() の関数ではありません ネストJS。
5. WebSocket ゲームでプレーヤーの切断を処理するにはどうすればよいですか?
6. の handleDisconnect プレーヤーの切断を処理するために技術が使用されます。これにより、プレイヤーをゲーム ルームから連れ出し、必要な後片付けを行うことができます。
7. NestJS で WebSocket 機能をテストするにはどうすればよいですか?
8. jest.spyOn() イベントの発行をシミュレートし、ゲームの状態が変化したときに適切なイベントが発行されることを確認するために使用できます。
9. WebSocket ゲームにおけるルームの目的は何ですか?
10. ルームは、プレイヤーを個別のゲーム セッションに分割することで、イベントの範囲が適切なプレイヤー グループに限定されるように支援します。 client.join() そして client.leave() テクニック。

NestJS マルチプレイヤー ゲームにおける WebSocket に関する最終的な考え

動的名前空間を処理するのは難しい場合があります。 ウェブソケット NestJS を使用したゲーム、特に各ゲーム インスタンスが独自のスコープ付き通信を必要とする場合。孤立したゲーム セッションを処理するもう 1 つの効果的なテクニックは、ルームを使用することです。 Socket.ioこれにより、NestJS で「this.server.of()」が未定義になる問題が修正されます。

イベント フローの評価やゲーム状態のルームへの分割など、これらのベスト プラクティスを実装することで、マルチプレイヤー ゲームが安全でスケーラブルであることを確認できます。これらの変更により、プレイヤーとそのゲーム データを管理する体系的な方法が提供されるため、複雑な回避策の必要性がなくなりました。