fi dockerfile and urls

.env-example

@@ -4,4 +4,5 @@ COUNTDOWN_SPAWN_SELECTION=10000
 COUNTDOWN_DEFAULT=15000
 MAX_SESSION_PER_WORKER=10
 MINIMUM_PLAYERS_PER_SESSION=2
-COLYSEUS_SERVER_URL=localhost:2567
+COLYSEUS_SERVER_URL=localhost
+COLYSEUS_SERVER_PORT=3000

Dockerfile

@@ -1,9 +1,8 @@
 FROM node:18
 WORKDIR /rtsApp
 COPY package*.json ./
+RUN npm install -g tsx
 RUN npm install
 COPY . .
 EXPOSE 3000
-EXPOSE 3007
-EXPOSE 2567
 CMD ["npm", "run", "deploy"]

gameserver/index.ts

@@ -19,6 +19,7 @@ import path from "path";
 import fs from "fs";
 import dotenv from 'dotenv';
 dotenv.config();
+const PORT = process.env.COLYSEUS_SERVER_PORT;
 const app = express();
 app.use(express.json());
 app.use(cors());
@@ -64,4 +65,4 @@ const gameServer = new Server({
   // presence: new RedisPresence(),
 });
 gameServer.define("session_room", SessionRoom);
-gameServer.listen(2567);
+gameServer.listen(Number(PORT));

public/NetworkManager.ts

@@ -1,7 +1,7 @@
 import * as Colyseus from "colyseus.js";
 import Phaser from "phaser";
 import { SessionState } from "../gameserver/schema/SessionState";
-const URL = `${process.env.COLYSEUS_SERVER_URL}`;
+const URL = `${process.env.COLYSEUS_SERVER_URL}:${process.env.COLYSEUS_SERVER_PORT}`;
 export type RoomEventHandlerCallbackType = (
   type: "onStateChange" | "onMessage" | "onLeave" | "onError",
   data: any
@@ -18,7 +18,7 @@ export class NetworkManager {
     phaserGame: Phaser.Game,
     phaserRegistry: Phaser.Data.DataManager
   ) {
-    this.client = new Colyseus.Client(`ws://${URL}` || `ws://localhost:2567`);
+    this.client = new Colyseus.Client(`ws://${URL}`);
     this.room = null;
 
     this.game = phaserGame;

public/scenes/MenuScene.ts

@@ -2,7 +2,7 @@ import CONSTANT from "../constant";
 import { BaseScene } from "./BaseScene";
 import { NetworkManager } from "../NetworkManager";
 import { addBackgroundImage } from "../helpers/addBackgroundImage";
-const URL = `${process.env.COLYSEUS_SERVER_URL}`;
+const URL = `${process.env.COLYSEUS_SERVER_URL}:${process.env.COLYSEUS_SERVER_PORT}`;
 export class MenuScene extends BaseScene {
   constructor() {
     super(CONSTANT.SCENES.MENU);

webpack.config.js

@@ -30,6 +30,7 @@ module.exports = {
         new HtmlWebpackPlugin({ template: './public/index.html' }),
         new webpack.DefinePlugin({
             'process.env.COLYSEUS_SERVER_URL': JSON.stringify(process.env.COLYSEUS_SERVER_URL),
+            'process.env.COLYSEUS_SERVER_PORT': JSON.stringify(process.env.COLYSEUS_SERVER_PORT),
         })
     ],
     mode: "development"