dennii/Connect-5
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/Connect-5.git synced 2026-04-17 22:46:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix multiplayer connection: Add redundant proxies and Socket.io CDN

Browse Source
This commit is contained in:
DeNNiiInc
2025-12-13 19:54:13 +11:00
parent 3e8eed4eaf
commit d959102db3
2 changed files with 74 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -15,7 +15,7 @@
rel="stylesheet" rel="stylesheet"
/> />
<!-- Socket.io Client --> <!-- Socket.io Client -->
<script src="/socket.io/socket.io.js"></script> <script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script>
</head> </head>
<body> <body>
<div class="container"> <div class="container">

79
multiplayer.js
View File

@@ -14,11 +14,42 @@ class MultiplayerClient {
// Connect to server // Connect to server
connect() { async connect() {
// Automatically detect server URL (works for both local and production) if (typeof io === 'undefined') {
const serverUrl = window.location.origin; this.showMessage('Socket.io library not loaded. Please check your internet connection.', 'error');
console.log('Connecting to server:', serverUrl); return;
this.socket = io(serverUrl); }
// Dynamically construct proxy URLs based on current origin
const targetUrl = window.location.origin;
const servers = [
targetUrl, // Primary (local/current)
'http://localhost:3000', // Explicit local backend port (common for dev)
`https://corsproxy.io/?${targetUrl}`, // CorsProxy.io
`https://api.allorigins.win/raw?url=${encodeURIComponent(targetUrl)}`, // AllOrigins
`https://cors-anywhere.herokuapp.com/${targetUrl}` // Corsair Anywhere (Demo)
];
let connected = false;
for (const serverUrl of servers) {
if (connected) break;
try {
console.log(`Attempting connection to: ${serverUrl}`);
await this.tryConnect(serverUrl);
connected = true;
console.log(`✅ Successfully connected to: ${serverUrl}`);
} catch (error) {
console.warn(`❌ Failed to connect to ${serverUrl}:`, error);
}
}
if (!connected) {
this.showMessage('Failed to connect to any multiplayer server. Please try again later.', 'error');
const loading = document.querySelector('.loading');
if (loading) loading.textContent = 'Connection failed.';
}
// Setup board size selector buttons // Setup board size selector buttons
document.querySelectorAll('.size-btn-mp').forEach(btn => { document.querySelectorAll('.size-btn-mp').forEach(btn => {
@@ -28,7 +59,43 @@ class MultiplayerClient {
this.selectedBoardSize = parseInt(e.target.dataset.size); this.selectedBoardSize = parseInt(e.target.dataset.size);
}); });
}); });
}
tryConnect(url) {
return new Promise((resolve, reject) => {
const socketOptions = {
reconnection: false, // We handle reconnection manually for failover
timeout: 5000,
transports: ['websocket', 'polling']
};
const tempSocket = io(url, socketOptions);
const timeout = setTimeout(() => {
if (!tempSocket.connected) {
tempSocket.close();
reject(new Error('Connection timed out'));
}
}, 5000);
tempSocket.on('connect', () => {
clearTimeout(timeout);
this.socket = tempSocket;
this.setupSocketListeners();
resolve();
});
tempSocket.on('connect_error', (err) => {
clearTimeout(timeout);
tempSocket.close();
reject(err);
});
});
}
setupSocketListeners() {
if (!this.socket) return;
this.socket.on('connect', () => { this.socket.on('connect', () => {
console.log('✅ Connected to multiplayer server'); console.log('✅ Connected to multiplayer server');