Hatmos/echoes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

echange de message entre les clients

Browse Source
This commit is contained in:
Thomas LETELLIER
2026-07-31 00:33:51 +02:00
parent 1b00a35e6c
commit 7edf7b0225
2 changed files with 42 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/index.html
View File

@@ -7,10 +7,21 @@
<body> <body>
<h1>Bonjour !</h1> <h1>Bonjour !</h1>
<p>Ceci est une page statique servie par Express.</p> <p>Ceci est une page statique servie par Express.</p>
<input type="text" id="input" placeholder="message">
<button id="sendBtn">Envoyer</button>
<script src="/socket.io/socket.io.js"></script> <script src="/socket.io/socket.io.js"></script>
<script> <script>
const socket = io(); const socket = io();
console.log("Connecte au serveur, id :", socket.id); console.log("Connecte au serveur, id :", socket.id);
socket.on("role", (role) => console.log("Mon rôle :", role));
socket.on("status", (msg) => console.log("Status :", msg));
document.getElementById("sendBtn").addEventListener("click", () => {
const text = document.getElementById("input").value;
socket.emit("message", text);
});
socket.on("message", (data) => {
console.log("message recu du partenaire :", data);
});
</script> </script>
</body> </body>
</html> </html>

30
server/server.js
View File

@@ -9,14 +9,44 @@ const io = new Server(server);
const PORT = process.env.PORT || 3000; const PORT = process.env.PORT || 3000;
let waitingPlayer = null;
// Sert tous les fichiers du dossier "client" // Sert tous les fichiers du dossier "client"
app.use(express.static(path.join(__dirname, "..", "client"))); app.use(express.static(path.join(__dirname, "..", "client")));
io.on("connection", (socket) => { io.on("connection", (socket) => {
console.log("Un client s'est connecte : ${socket.id}"); console.log("Un client s'est connecte : ${socket.id}");
if (waitingPlayer === null){
waitingPlayer = socket;
socket.emit("status", "En attente d'un second joueur...");
} else {
const partner = waitingPlayer;
waitingPlayer = null;
const socketIsGuide = Math.random() < 0.5;
socket.emit("role", socketIsGuide ? "guide" : "explorateur");
partner.emit("role", socketIsGuide ? "explorateur" : "guide");
socket.data.partnerId = partner.id;
partner.data.partnerId = socket.id;
socket.emit("status", "Partie prete !");
partner.emit("status", "Partie prete !");
}
socket.on("message", (data) => {
const partnerId = socket.data.partnerId;
if (partnerId){
io.to(partnerId).emit("message", data);
}
});
socket.on("disconnect", () => { socket.on("disconnect", () => {
console.log("Client deconnecte : ${socket.id}"); console.log("Client deconnecte : ${socket.id}");
if (waitingPlayer === socket){
waitingPlayer = null;
}
}); });
}); });