Probleme avec socket.on en node js
RésoluBonjour tout le monde.
J'essaie de créer une petite application de chat pour faire des tests plus tard, mais je n'ai pas le résultat attendu. Il semble avoir un problème avec la méthode socket.on
Au lieu d'afficher la méthode dans la console, il ne se passe rien.
Voici le code :
index.html
<!doctype html>
<html>
<head>
<title>Socket.IO chat</title>
<style>
* { margin: 0; padding: 0; box-sizing:border-box; }
body { font: 13px Helvetica, Arial; }
form { background: #000; padding: 3px;
position: fixed; bottom: 0; width: 100%; }
form input { border: 0; padding: 10px; width:90%; margin-right: .5%; }
form button { width: 9%; background: rgb(130,224, 255); border: none; padding: 10px; }
#messages { list-style-type: none; margin: 0; padding: 0; }
#messages li { padding: 5px 10px; }
#messages li:nth-child(odd) { background: #eee; }
</style>
</head>
<body>
<ul id="messages"></ul>
<form action="">
<input id="m" autocomplete="off"/><button>Send</button>
</form>
<script src="/socket.io/socket.io.js"></script>
<script src="http://code.jquery.com/jquery1.11.1.js"></script>
<script>
var socket = io();
$('form').submit(function(){
socket.emit('chat message', $('#m').val());
$('#m').val('');
return false;
});
</script>
</body>
</html>
index.js
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/', function(req, res){
res.sendFile(__dirname +'/index.html');
});
io.on('connection', function(socket){
socket.on('chat message', function(msg) {
console.log('message: ' + msg);
});
});
http.listen(3000, function(){
console.log('listening on *:3000');
});
J'ai fait quelques tests, la connexion est bien établie, le problème vient d'ici :
socket.on('chat message', function(msg) {
console.log('message: ' + msg);
});
Quelqu'un peut me guider à résoudre le problème s'il vous plait ?
Je vous remercie par avance !
A voir également:
- Pixlr e
- Arrondi js - Forum Javascript
- Arrondir js - Forum Webmastering
- Node js javascript runtime virus ✓ - Forum Virus
- Copiez l'image dans un logiciel d'édition d'images ou un outil en ligne comme js paint ou pixlr e. remplissez les cases en suivant le code couleur. des cases supplémentaires vont se remplir automatiquement. que représente le dessin ? ✓ - Forum Photoshop
- Reproduction d'un dessin - Forum Graphisme
1 réponse
Bonjour,
As-tu bien suivi les indications données dans ce tutoriel ? Quels messages apparaissent dans la console ? Si tu repars du code final, est-ce que celui-ci fonctionne ?
Bonne chance
Bonjour,
Merci pour votre réponse !
J'ai finalement pu résoudre le problème. En effet, le problème provenait de l'URL de JQuery.
Il manquait un tiret entre avant le numéro de la version.
C'est beau la programmation, il m'a fallu 2 jours pour trouver l'erreur :D
Félicitations, merci pour ton retour et bonne continuation :-)