Discussion :

[glennog]

Bonsoir ,

Excusez j'ai un soucis avec node js , j'utilise une page php ainsi que deux pages js , "server.js" , "client.js et une page php , mais voilà au fait , je voudrais générer un évènement à partir du fichier "client.js" , et ensuite , lorsque cet évènement survient executer un code spécifique dans le fichier "server.js"

voici mon soucis : un " .émit " dans le fichier "serveur.js " ==> socket.on('evenement, function(){}); fonctionne correctement mais par contre , l'inverse :

".emit " dans le fichier "clien.js" ==> socket.on('evenement', function() { }); ne fonctionne pas , pourriez vous me dire à quoi cela est du , et comment je peux résoudre ce problème , voici le contenu de mes deux fichiers :

client.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
 
	var socket = io.connect('http://localhost:8080');					   
 
	// au moment du click sur le bouton envoyer , je génère un évènement avec quelques paramètres 
	$('#envoyer').click(function(event) {
		event.preventDefault();
		socket.emit('reception', { message : $('#contenu').val()});
	});
	socket.on('retour',function(msg) {
		console.log(msg	);
	});				   
 });

server.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// JavaScript Document
var http = require('http');
 
httpServer = http.createServer(function(req,res) {});
httpServer.listen(8080);
var io = require('socket.io').listen(httpServer);
	io.sockets.on('connection',function(socket) {
		console.log('nouveau utilisateur');
		socket.on('reception', function(message) {
			/*  le emit situé ici ne marche pas car tout simplement ne recoit pas cette fonction	 */					
			socket.emit('retour', { message : message});
		});
		// le emit situé ici par contre , lui marche
		//socket.emit('retour', { message : 'message'});
 
	});

Merci de votre attention

[Bovino]

Tu es sûr que la variable io est connue dans la closure $(document).ready() ?
Que te dis Firebug ?

[glennog]

Tu es sûr que la variable io est connue dans la closure $(document).ready() ?
Que te dis Firebug ?

Oui , ma variable io est connue car , dans le fichier 'server.js' , j'ai ajouté ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
	io.sockets.on('connection',function(socket) {
		console.log('nouvel utilisateur');

et donc , je me dis que si "io" n'était pas connu , je ne devrais pas voir afficher " nouvel utilisateur " lorsque l'utilisateur a accès à la page

ensuite , bizarre mais firebug ne m'indique et pourtant aucune erreur

[Bovino]

Ce n'est pas parce qu'elle est définie sur le serveur qu'elle l'est sur le client, loin de là !

[glennog]

Mais , alors , comment est ce que je peux faire pour la définir sur le client ?
Merci pour ton attention

[Bovino]

Débuter avec Socket.io.

[glennog]

Toujours pareil , à chaque fois que je veux générer un évènement côté client , j'obtiens ceci dans la console :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
 info  - socket.io started
   debug - served static content /socket.io.js
   debug - client authorized
   info  - handshake authorized ALB0omsm3E2ZvPMn02x7
   debug - setting request GET /socket.io/1/websocket/ALB0omsm3E2ZvPMn02x7
   debug - set heartbeat interval for client ALB0omsm3E2ZvPMn02x7
   debug - client authorized for
   debug - websocket writing 1::
   debug - websocket writing 5:::{"name":"news","args":[{"hello":"world"}]}
   debug - setting request GET /socket.io/1/xhr-polling/ALB0omsm3E2ZvPMn02x7?t=1
374168523063
   debug - setting poll timeout
   debug - discarding transport
   debug - cleared heartbeat interval for client ALB0omsm3E2ZvPMn02x7
   debug - setting request GET /socket.io/1/jsonp-polling/ALB0omsm3E2ZvPMn02x7?t
=1374168533064&i=0
   debug - setting poll timeout
   debug - discarding transport
   debug - clearing poll timeout
   debug - clearing poll timeout
   debug - jsonppolling writing io.j[0]("8::");
   debug - set close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - jsonppolling closed due to exceeded duration
   debug - setting request GET /socket.io/1/jsonp-polling/ALB0omsm3E2ZvPMn02x7?t
=1374168556555&i=0
   debug - setting poll timeout
   debug - discarding transport
   debug - cleared close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - clearing poll timeout
   debug - jsonppolling writing io.j[0]("8::");
   debug - set close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - jsonppolling closed due to exceeded duration
   debug - setting request GET /socket.io/1/jsonp-polling/ALB0omsm3E2ZvPMn02x7?t
=1374168576586&i=0
   debug - setting poll timeout
   debug - discarding transport
   debug - cleared close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - clearing poll timeout
   debug - jsonppolling writing io.j[0]("8::");
   debug - set close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - jsonppolling closed due to exceeded duration
   debug - setting request GET /socket.io/1/jsonp-polling/ALB0omsm3E2ZvPMn02x7?t
=1374168596600&i=0
   debug - setting poll timeout
   debug - discarding transport
   debug - cleared close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - clearing poll timeout
   debug - jsonppolling writing io.j[0]("8::");
   debug - set close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - jsonppolling closed due to exceeded duration
   debug - setting request GET /socket.io/1/jsonp-polling/ALB0omsm3E2ZvPMn02x7?t
=1374168616640&i=0
   debug - setting poll timeout
   debug - discarding transport
   debug - cleared close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - clearing poll timeout
   debug - jsonppolling writing io.j[0]("8::");
   debug - set close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - jsonppolling closed due to exceeded duration
   debug - setting request GET /socket.io/1/jsonp-polling/ALB0omsm3E2ZvPMn02x7?t
=1374168636656&i=0
   debug - setting poll timeout
   debug - discarding transport
   debug - cleared close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - setting request GET /socket.io/1/xhr-polling/ALB0omsm3E2ZvPMn02x7?t=1
374168523063
   debug - setting poll timeout
   debug - discarding transport
   debug - clearing poll timeout
   debug - clearing poll timeout
   debug - xhr-polling writing 8::
   debug - set close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - xhr-polling closed due to exceeded duration
   debug - setting request GET /socket.io/1/xhr-polling/ALB0omsm3E2ZvPMn02x7?t=1
374168663072
   debug - setting poll timeout
   debug - discarding transport
   debug - cleared close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - clearing poll timeout
   debug - xhr-polling writing 8::
   debug - set close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - xhr-polling closed due to exceeded duration
   debug - setting request GET /socket.io/1/xhr-polling/ALB0omsm3E2ZvPMn02x7?t=1
374168690890
   debug - setting poll timeout
   debug - discarding transport
   debug - cleared close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - clearing poll timeout
   debug - xhr-polling writing 8::
   debug - set close timeout for client ALB0omsm3E2ZvPMn02x7
   debug - xhr-polling closed due to exceeded duration
   debug - setting request GET /socket.io/1/xhr-polling/ALB0omsm3E2ZvPMn02x7?t=1
374168710895
   debug - setting poll timeout
   debug - discarding transport
   debug - cleared close timeout for client ALB0omsm3E2ZvPMn02x7

[Invité]

Salut,

Est-ce que tu es sur que la fonction bindée au click sur '#envoyer' est bien appelée ?
Tu peux poster ton code HTML au cas où ?

[glennog]

Merci , j'ai finalement touvé la réponse sur le tchat , au fait , je devais changer le type de transport

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 io.configure(function () {
  io.set('transports', ['jsonp-polling']);
});

juste après la déclaration de ... io =require(...) et c'est bon

Merci à vous et bonne journée